.multicolumn-cards{--mcc-radius: 16px;--mcc-overlay: .2;--mcc-text: #ffffff;--mcc-tag-space: 11rem}.multicolumn-cards__header{margin-bottom:4rem}.multicolumn-cards__header--center{text-align:center}.multicolumn-cards__caption{margin:0 0 1rem}.multicolumn-cards__title{margin:0 0 1.5rem}.multicolumn-cards__subtext>:first-child{margin-top:0}.multicolumn-cards__subtext>:last-child{margin-bottom:0}.multicolumn-cards__header--center .multicolumn-cards__subtext{max-width:62rem;margin-inline:auto}.multicolumn-cards__list.grid{margin-bottom:-1rem}.multicolumn-cards__list .grid__item{padding-bottom:1rem}@media screen and (min-width:750px)and (max-width:989px){.multicolumn-cards__list.grid--2-col-tablet .grid__item{max-width:50%}.multicolumn-cards__list.grid--3-col-tablet .grid__item{max-width:33.33%}}@media screen and (min-width:990px){.multicolumn-cards__list.grid--2-col-desktop .grid__item{max-width:50%}.multicolumn-cards__list.grid--3-col-desktop .grid__item{max-width:33.33%}.multicolumn-cards__list.grid--4-col-desktop .grid__item{max-width:25%}}.multicolumn-cards .slider-component{position:relative}.multicolumn-cards .slider-buttons{position:absolute;top:0;right:0;bottom:0;left:0;padding:0;pointer-events:none;justify-content:space-between;display:none}.multicolumn-cards .slider-buttons.no-js-hidden{display:flex}.multicolumn-cards .slider-buttons .slider-button{pointer-events:all;position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;padding:0;border-radius:50%;background-color:#fff9;z-index:2;display:flex;align-items:center;justify-content:center}.multicolumn-cards .slider-buttons .slider-button--prev{left:10px;right:auto}.multicolumn-cards .slider-buttons .slider-button--next{right:10px;left:auto}.multicolumn-cards .slider-buttons .slider-button:hover{background-color:#fff}.multicolumn-cards .slider-buttons .slider-button .icon{height:1rem;width:auto}@media screen and (max-width:749px){.multicolumn-cards .slider-buttons{display:none!important}}@media screen and (min-width:750px){.multicolumn-cards .slider-buttons{opacity:0;transition:opacity .2s ease}.multicolumn-cards:hover .slider-buttons,.multicolumn-cards .slider-buttons:focus-within{opacity:1}}.multicolumn-cards__card{position:relative;overflow:hidden;border-radius:var(--mcc-radius);background:rgba(var(--color-foreground),.06)}.multicolumn-cards__card--portrait{aspect-ratio:3 / 4}.multicolumn-cards__card--square{aspect-ratio:1 / 1}.multicolumn-cards__card--reel{aspect-ratio:9 / 16}.multicolumn-cards__card--landscape{aspect-ratio:16 / 9}.multicolumn-cards__card--adapt{aspect-ratio:3 / 4}.multicolumn-cards__media{position:absolute;top:0;right:0;bottom:0;left:0}.multicolumn-cards__media img,.multicolumn-cards__media video,.multicolumn-cards__media .placeholder-svg{width:100%;height:100%;object-fit:cover;display:block}.multicolumn-cards__image{transition:transform .5s ease}.multicolumn-cards__card:hover .multicolumn-cards__image{transform:scale(1.04)}.multicolumn-cards__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:var(--mcc-overlay);pointer-events:none}.multicolumn-cards__content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;align-items:flex-start;gap:1.6rem;padding:2.4rem;box-sizing:border-box;color:var(--mcc-text);pointer-events:none}.multicolumn-cards__content--top{justify-content:flex-start}.multicolumn-cards__content--middle{justify-content:center}.multicolumn-cards__content--bottom{justify-content:flex-end}.multicolumn-cards__content--space-between{justify-content:flex-start}.multicolumn-cards__content--space-between .multicolumn-cards__body{margin-top:auto}.multicolumn-cards__body{display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem;max-width:100%}.multicolumn-cards__body .button{pointer-events:auto}.multicolumn-cards__content--has-tag .multicolumn-cards__body{padding-inline-end:var(--mcc-tag-space);box-sizing:border-box}.multicolumn-cards__badge{align-self:flex-start;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.multicolumn-cards__heading{margin:0;line-height:1.15;color:inherit;font-size:var(--mcc-ch, 32px)}.multicolumn-cards__text{margin:0;color:inherit}.multicolumn-cards__text>:first-child{margin-top:0}.multicolumn-cards__text>:last-child{margin-bottom:0}.multicolumn-cards__cta{margin-top:.4rem}.multicolumn-cards__cta .button{margin:0;min-width:0}.multicolumn-cards__tag-opener{position:absolute;inset-block-end:2.4rem;inset-inline-end:2.4rem;z-index:3}.multicolumn-cards__tag{display:inline-flex;align-items:center;gap:.6rem;padding:.7rem 1.2rem;border:0;border-radius:100px;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.2rem;font-weight:500;line-height:1;cursor:pointer;box-shadow:0 3px 12px #0000002e;transition:transform .15s ease}.multicolumn-cards__tag:hover{transform:translateY(-1px)}.multicolumn-cards__tag svg{flex-shrink:0}.multicolumn-cards__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;display:flex;align-items:center;justify-content:center;padding:2rem;background:#00000080;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility 0s linear .28s}.multicolumn-cards__modal[open]{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .28s ease}.multicolumn-cards__modal-inner{position:relative;width:100%;max-width:64rem;max-height:85vh;overflow-y:auto;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border-radius:1.6rem;padding:2.4rem;opacity:0;transform:translateY(16px) scale(.98);transition:opacity .28s ease,transform .28s ease}.multicolumn-cards__modal[open] .multicolumn-cards__modal-inner{opacity:1;transform:none}.multicolumn-cards__modal-close{position:absolute;top:1.6rem;right:1.6rem;z-index:1;display:inline-flex;padding:.6rem;border:0;background:transparent;color:inherit;cursor:pointer}.multicolumn-cards__modal-close .icon{width:1.6rem;height:1.6rem}.multicolumn-cards__modal-body{display:flex;gap:2rem}.multicolumn-cards__modal-media{flex:0 0 42%;align-self:stretch;min-height:26rem;border-radius:1.2rem;overflow:hidden;background:rgba(var(--color-foreground),.06)}.multicolumn-cards__modal-media img,.multicolumn-cards__modal-media .placeholder-svg{width:100%;height:100%;object-fit:cover;display:block}.multicolumn-cards__modal-main{flex:1 1 auto;min-width:0}.multicolumn-cards__modal-title{margin:0 0 .4rem;padding-right:3rem;font-size:2rem}.multicolumn-cards__modal-list{display:flex;flex-direction:column}.multicolumn-cards__look-row{display:flex;align-items:center;gap:1.4rem;padding:1.4rem 0;border-bottom:1px solid rgba(var(--color-foreground),.1)}.multicolumn-cards__look-row:last-child{border-bottom:0}.multicolumn-cards__look-thumb{flex:0 0 auto;width:7.2rem;height:7.2rem;border-radius:.8rem;overflow:hidden;background:rgba(var(--color-foreground),.06)}.multicolumn-cards__look-thumb img,.multicolumn-cards__look-thumb .placeholder-svg{width:100%;height:100%;object-fit:cover;display:block}.multicolumn-cards__look-info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.4rem}.multicolumn-cards__look-title{color:inherit;text-decoration:none;font-weight:500;font-size:1.5rem;line-height:1.3}.multicolumn-cards__look-title:hover{text-decoration:underline}.multicolumn-cards__look-price{font-size:1.4rem;opacity:.8}.multicolumn-cards__look-add.quick-add-button{flex:0 0 auto;align-self:center}.multicolumn-cards__look-add .quick-add-button__text{display:none}@media screen and (min-width:750px){.multicolumn-cards__look-add.quick-add-button:not(.is-loading):hover{width:35px;padding-right:0}}@media screen and (max-width:749px){.multicolumn-cards__header{margin-bottom:3rem}.multicolumn-cards__content{padding:2rem;gap:1.2rem}.multicolumn-cards__heading{font-size:calc(var(--mcc-ch, 32px) * .82)}.multicolumn-cards .page-width{padding:0}.multicolumn-cards__header{padding-inline:1.5rem}.multicolumn-cards__list:not(.slider){padding-inline:1.5rem}.multicolumn-cards__list.slider .grid__item{width:calc(100% - 4rem);padding-left:.5rem;padding-right:0}.multicolumn-cards__list.slider .grid__item:first-of-type{padding-left:1.5rem}.multicolumn-cards__list.slider .grid__item:last-of-type{padding-right:1.5rem}.multicolumn-cards__tag-opener{inset-block-end:2rem;inset-inline-end:2rem}.multicolumn-cards__tag-word{display:none}.multicolumn-cards{--mcc-tag-space: 7rem}.multicolumn-cards__modal{align-items:flex-end;padding:0}.multicolumn-cards__modal-inner{max-width:100%;border-radius:1.6rem 1.6rem 0 0;transform:translateY(100%)}.multicolumn-cards__modal[open] .multicolumn-cards__modal-inner{transform:none}.multicolumn-cards__modal-media{display:none}.multicolumn-cards__modal-body{display:block}}@media(prefers-reduced-motion:reduce){.multicolumn-cards__image,.multicolumn-cards__tag,.multicolumn-cards__modal,.multicolumn-cards__modal-inner{transition:none}.multicolumn-cards__card:hover .multicolumn-cards__image,.multicolumn-cards__tag:hover,.multicolumn-cards__modal-inner{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-multicolumn-cards.css.map */