.mhl-color-card-picker{border:none;border-top:.1rem solid rgba(var(--color-foreground),.16);padding:2.4rem 0 0;margin:2.8rem 0 2.4rem}.mhl-color-card-picker__heading{width:100%;margin-bottom:0;display:flex;align-items:baseline;justify-content:space-between;gap:1.6rem}.mhl-color-card-picker__title{font-size:1.4rem;font-weight:600}.mhl-color-card-picker__value{color:rgba(var(--color-foreground),.62);font-size:1.1rem;font-weight:400}.mhl-color-card-picker__value strong{color:rgb(var(--color-foreground));font-weight:500}.mhl-color-card-picker__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.mhl-color-card{position:relative;display:block;min-width:0;border:.1rem solid rgba(var(--color-foreground),.18);background:rgb(var(--color-background));cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.mhl-color-card__badge{position:absolute;z-index:5;top:0;left:50%;padding:.5rem 1.2rem .4rem;color:rgb(var(--color-background));background:rgb(var(--color-foreground));font-size:1.1rem;font-weight:700;letter-spacing:.08em;line-height:1;white-space:nowrap;transform:translate(-50%,-55%)}.mhl-color-card:hover{border-color:rgba(var(--color-foreground),.5)}.mhl-color-card__input:checked+.mhl-color-card{border-color:transparent;box-shadow:none}.mhl-color-card__input:checked+.mhl-color-card:after{position:absolute;z-index:4;top:-.1rem;right:-.1rem;bottom:-.1rem;left:-.1rem;border:.2rem solid rgb(var(--color-foreground));content:"";pointer-events:none}.mhl-color-card__input:focus-visible+.mhl-color-card{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}.mhl-color-card__media{position:relative;display:block;height:11.8rem;overflow:hidden;background:rgba(var(--color-foreground),.055)}.mhl-color-card__placeholder{position:relative;display:block;width:100%;height:100%;background:rgba(var(--color-foreground),.055);overflow:hidden}.mhl-color-card__placeholder:after{position:absolute;right:8%;bottom:2%;width:52%;height:24%;border-radius:50%;background:rgba(var(--color-foreground),.15);filter:blur(1.3rem);content:"";transform:rotate(-12deg)}.mhl-color-card__placeholder-corner{position:absolute;z-index:1;right:-4%;bottom:-18%;width:76%;height:96%;border-top:2.8rem solid;border-left:2.8rem solid;background:#d8d4cb;transform:rotate(-10deg)}.mhl-color-card__placeholder--black .mhl-color-card__placeholder-corner{border-color:#1c1c1c;box-shadow:inset .5rem .5rem #313131}.mhl-color-card__placeholder--white .mhl-color-card__placeholder-corner{border-color:#f7f6f2;box-shadow:inset .5rem .5rem #e7e5df}.mhl-color-card__placeholder--black .mhl-color-card__placeholder-corner,.mhl-color-card__placeholder--white .mhl-color-card__placeholder-corner{right:-.1rem;transform-origin:top right}.mhl-color-card__placeholder--unframed .mhl-color-card__placeholder-corner{right:-2%;bottom:-16%;width:76%;height:92%;border:0;background:#f7f6f2;box-shadow:-.5rem -.5rem 1.2rem rgba(var(--color-foreground),.12)}.mhl-color-card__placeholder--neutral .mhl-color-card__placeholder-corner{border-color:#8b8984}.mhl-color-card__caption{min-height:5.6rem;padding:1.1rem 1.4rem;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:.3rem;text-align:left;color:rgb(var(--color-foreground))}.mhl-color-card__caption-primary{font-size:1.2rem;letter-spacing:var(--font-letter-spacing, .03em);white-space:nowrap}.mhl-color-card__caption-secondary{color:rgba(var(--color-foreground),.62);font-size:1rem;white-space:nowrap}.mhl-color-card--disabled{opacity:.45}.mhl-color-card--disabled .mhl-color-card__caption{text-decoration:line-through}@media screen and (max-width:749px){.mhl-color-card-picker__cards{grid-template-columns:repeat(2,minmax(0,1fr))}.mhl-color-card__media{height:9.2rem}.mhl-color-card__placeholder-corner{border-top-width:2.2rem;border-left-width:2.2rem}.mhl-color-card__caption{padding:1rem}.mhl-color-card__badge{padding:.4rem .9rem .3rem;font-size:.9rem}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/mhl-color-card.css.map */