.product-popup-modal--make-a-set{align-items:flex-start;justify-content:flex-end}.product-popup-modal--make-a-set .product-popup-modal__content{--modal-width: 960px;--make-a-set-card-max-width: 34.4rem;--make-a-set-card-image-max-height: 45.1rem;width:var(--modal-width);max-width:100vw;height:100vh;max-height:100vh;border-radius:0;margin:0;transform:translate3d(100%,0,0);opacity:1;display:flex;flex-direction:column;overflow:hidden;will-change:transform;transition:transform .6s cubic-bezier(.16,1,.3,1) .25s}.product-popup-modal--make-a-set[open] .product-popup-modal__content{transform:translateZ(0);opacity:1}.product-popup-modal--make-a-set[closing] .product-popup-modal__content{transform:translate3d(100%,0,0);opacity:1;transition:transform .4s cubic-bezier(.7,0,.84,0) 0s}.make-a-set-modal__header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-6, 2.4rem) var(--space-6, 2.4rem) var(--space-3, .8rem) var(--space-7, 3.2rem);background-color:rgb(var(--color-armada-white, 255 255 255));flex-shrink:0}.make-a-set-modal__title{font-family:var(--font-body-family);font-weight:var(--font-body-weight, 400);font-size:var(--size-body-xl, 2.4rem);line-height:1.35;letter-spacing:-.01em;text-transform:uppercase;color:rgb(var(--color-armada-black, 0 0 0));margin:0}.make-a-set-modal__close{display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;background:none;border:none;cursor:pointer;padding:0;color:rgb(var(--color-armada-black, 0 0 0));flex-shrink:0}.make-a-set-modal__close:hover{opacity:.6}.make-a-set-modal__close svg{width:2.4rem;height:2.4rem}.make-a-set-modal__body{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-11, 4.8rem);padding-bottom:var(--space-11, 4.8rem)}.make-a-set-modal__section{display:flex;flex-direction:column;gap:var(--space-3, .8rem)}.make-a-set-modal__section-label{font-family:var(--font-body-family);font-weight:700;font-size:var(--size-body-m, 1.6rem);line-height:1.5;color:rgb(var(--color-armada-black, 0 0 0));padding:0 var(--space-7, 3.2rem);margin:0}.make-a-set-modal__cards{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;padding-left:0;scrollbar-width:none;-webkit-overflow-scrolling:touch}.make-a-set-modal__cards>*:first-child{padding-left:var(--space-7, 3.2rem)}.make-a-set-modal__cards::-webkit-scrollbar{display:none}.make-a-set-modal__cards.is-scrollable{cursor:grab}.make-a-set-modal__cards.is-scrollable:not(.is-dragging) .make-a-set-card__action,.make-a-set-modal__cards.is-scrollable:not(.is-dragging) .make-a-set-card__more-info{cursor:pointer}.make-a-set-modal__cards.is-dragging{cursor:grabbing;user-select:none;-webkit-user-select:none;scroll-snap-type:none}.make-a-set-modal__cards.is-dragging,.make-a-set-modal__cards.is-dragging *{cursor:grabbing}.make-a-set-modal__cards:focus{outline:none}.make-a-set-modal__cards:focus-visible{outline:var(--space-1) solid rgb(var(--color-armada-black, 0 0 0));outline-offset:calc(-1 * var(--space-1))}.make-a-set-modal__scrollbar{padding:var(--space-4, 1.2rem) 0 var(--space-4, 1.2rem) var(--space-7, 3.2rem);width:36.4rem;box-sizing:border-box}.make-a-set-modal__scrollbar--no-overflow{display:none}.make-a-set-modal__scrollbar-track{height:var(--space-1);background:rgb(var(--color-armada-light-grey, 209 207 207));position:relative;cursor:pointer;touch-action:pan-y}.make-a-set-modal__scrollbar-track:after{content:"";position:absolute;inset-inline:0;top:50%;height:var(--space-6);transform:translateY(-50%)}.make-a-set-modal__scrollbar.is-dragging .make-a-set-modal__scrollbar-track{cursor:grabbing}.make-a-set-modal__scrollbar-thumb{height:var(--space-1);background:rgb(var(--color-armada-black, 0 0 0));width:40%;position:absolute;left:0;top:0;transition:left .1s linear}.make-a-set-modal__scrollbar.is-dragging .make-a-set-modal__scrollbar-thumb{transition:none}.make-a-set-card{display:flex;flex-direction:column;gap:var(--space-6, 2.4rem);background:rgb(var(--color-armada-white, 255 255 255));flex-shrink:0;scroll-snap-align:start}.make-a-set-card__image-box{width:344px;height:451px;background:rgb(var(--color-armada-dust, 248 248 248));overflow:hidden;position:relative;flex-shrink:0}.make-a-set-card__image{width:100%;height:100%;object-fit:cover;display:block;user-drag:none;-webkit-user-drag:none}.make-a-set-card__badge{position:absolute;top:var(--space-2, .4rem);left:var(--space-3, .8rem);display:inline-flex;align-items:center;padding:var(--space-2, .4rem) var(--space-3, .8rem);background:rgb(var(--color-armada-white, 255 255 255));border:1px solid rgb(var(--color-armada-light-grey, 209 207 207));font-family:var(--font-body-family);font-weight:400;font-size:var(--size-body-xs, 1.2rem);line-height:1.3;letter-spacing:.012em;text-transform:uppercase;color:rgb(var(--color-armada-black, 0 0 0));white-space:nowrap}.make-a-set-card__body{display:flex;flex-direction:column;flex:1;gap:var(--space-4, 1.2rem);padding:0 var(--space-4, 1.2rem);width:344px;box-sizing:border-box}.make-a-set-card__info{display:flex;flex-direction:column;gap:var(--space-1, .2rem)}.make-a-set-card__name{font-family:var(--font-body-family);font-weight:400;font-size:var(--size-body-m, 1.6rem);line-height:1.5;text-transform:uppercase;color:rgb(var(--color-armada-black, 0 0 0));margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.make-a-set-card__desc{font-family:var(--font-body-family);font-weight:400;font-size:var(--size-body-s, 1.4rem);line-height:1.4;letter-spacing:.028em;color:rgb(var(--color-armada-dark-grey, 101 101 101));margin:0}.make-a-set-card__variant{font-family:var(--font-body-family);font-weight:400;font-size:var(--size-body-s, 1.4rem);line-height:1.4;letter-spacing:.028em;text-transform:uppercase;color:rgb(var(--color-armada-dark-grey, 101 101 101));margin:0}.make-a-set-card__more-info{display:inline;font-family:var(--font-body-family);font-weight:400;font-size:var(--size-body-xs, 1.2rem);line-height:1.3;letter-spacing:.012em;text-transform:uppercase;color:rgb(var(--color-armada-black, 0 0 0));text-decoration:underline;text-decoration-skip-ink:none}.make-a-set-card__more-info:hover{opacity:.6}.make-a-set-card__footer{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4, 1.2rem) var(--space-3, .8rem)}.make-a-set-card__price{font-family:var(--font-body-family);font-weight:500;font-size:var(--size-body-m, 1.6rem);line-height:1.5;color:rgb(var(--color-armada-black, 0 0 0));white-space:nowrap}.make-a-set-card__action{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:5px;background:rgb(var(--color-armada-dark-grey, 101 101 101));color:rgb(var(--color-armada-white, 255 255 255));border:none;cursor:pointer;flex-shrink:0;box-sizing:border-box;transition:background-color .15s ease}.make-a-set-card__action--selected{background:rgb(var(--color-armada-black, 0 0 0))}.make-a-set-card__action:hover{background:rgb(var(--color-armada-night-grey, 49 49 49))}.make-a-set-card__action svg{width:18px;height:18px}@media screen and (min-width:750px){.make-a-set-modal__section--single .make-a-set-modal__cards{display:inline-flex;width:fit-content;max-width:100%;overflow-x:visible}.make-a-set-modal__section--single .make-a-set-modal__scrollbar{display:none}.product-popup-modal--make-a-set.product-popup-modal--make-a-set-single .product-popup-modal__content{--modal-width: calc((var(--space-7, 3.2rem) * 2) + var(--make-a-set-card-max-width))}.product-popup-modal--make-a-set.product-popup-modal--make-a-set-double .product-popup-modal__content{--make-a-set-double-card-width: min(var(--make-a-set-card-max-width), calc((100dvw - (var(--space-7, 3.2rem) * 2)) / 2));--modal-width: calc((var(--space-7, 3.2rem) * 2) + (var(--make-a-set-double-card-width) * 2))}.product-popup-modal--make-a-set.product-popup-modal--make-a-set-double .make-a-set-modal__section-label{padding:0 var(--space-7, 3.2rem)}.product-popup-modal--make-a-set.product-popup-modal--make-a-set-double .make-a-set-modal__cards{padding:0 var(--space-7, 3.2rem);gap:0;overflow-x:hidden;scroll-snap-type:none;align-items:flex-start}.product-popup-modal--make-a-set.product-popup-modal--make-a-set-double .make-a-set-modal__cards>*:first-child{padding-left:0}.product-popup-modal--make-a-set.product-popup-modal--make-a-set-double .make-a-set-card__image-box,.product-popup-modal--make-a-set.product-popup-modal--make-a-set-double .make-a-set-card__body{width:var(--make-a-set-double-card-width)}.product-popup-modal--make-a-set.product-popup-modal--make-a-set-double .make-a-set-modal__scrollbar{display:none}}@media screen and (min-width:750px)and (max-height:900px){.product-popup-modal--make-a-set .product-popup-modal__content{--make-a-set-short-card-width: min(var(--make-a-set-card-max-width), calc((100dvw - (var(--space-7, 3.2rem) * 2)) / 2));height:100vh;max-height:100vh;height:100dvh;max-height:100dvh}.product-popup-modal--make-a-set.product-popup-modal--make-a-set-double .product-popup-modal__content{--modal-width: calc((var(--space-7, 3.2rem) * 2) + (var(--make-a-set-short-card-width) * 2))}.product-popup-modal--make-a-set.product-popup-modal--make-a-set-single .product-popup-modal__content{--modal-width: calc((var(--space-7, 3.2rem) * 2) + min(var(--make-a-set-card-max-width), calc(100dvw - (var(--space-7, 3.2rem) * 2))))}.make-a-set-modal__header{padding:var(--space-6, 2.4rem) var(--space-6, 2.4rem) var(--space-3, .8rem) var(--space-7, 3.2rem)}.make-a-set-modal__body{gap:var(--space-6, 2.4rem);padding-bottom:var(--space-6, 2.4rem)}.make-a-set-modal__section{gap:var(--space-3, .8rem)}.make-a-set-modal__section-label{padding:0 var(--space-7, 3.2rem)}.make-a-set-modal__cards{padding:0 var(--space-7, 3.2rem);gap:0;align-items:flex-start}.make-a-set-modal__section--double .make-a-set-modal__cards{align-items:flex-start}.make-a-set-modal__cards>*:first-child{padding-left:0}.make-a-set-card{--make-a-set-card-width: var(--make-a-set-short-card-width);height:auto;max-height:none;gap:var(--space-4, 1.2rem);display:flex;flex-direction:column;overflow:visible}.make-a-set-modal__section--single .make-a-set-card{--make-a-set-card-width: min(var(--make-a-set-card-max-width), calc(100dvw - (var(--space-7, 3.2rem) * 2)))}.make-a-set-card__image-box,.make-a-set-card__body{width:var(--make-a-set-card-width)}.make-a-set-card__image-box{height:clamp(26rem,44dvh,var(--make-a-set-card-image-max-height))}.make-a-set-card__body{min-height:auto;overflow:visible;gap:var(--space-3, .8rem);padding:0 var(--space-3, .8rem)}.make-a-set-card__info{overflow:visible;padding-right:0}.make-a-set-card__footer{margin-top:auto;padding:0 var(--space-3, .8rem) var(--space-2, .4rem)}.make-a-set-modal__scrollbar{padding-left:var(--space-7, 3.2rem)}.make-a-set-modal__section--double .make-a-set-modal__scrollbar{display:none}}@media screen and (max-width:749px){.product-popup-modal--make-a-set{align-items:flex-end;justify-content:center}.product-popup-modal--make-a-set .product-popup-modal__content{width:100%;height:100vh;max-height:100vh;min-height:100vh;height:100dvh;max-height:100dvh;min-height:100dvh;transform:translate3d(0,100%,0);opacity:1;border-radius:0;transition:transform .6s cubic-bezier(.16,1,.3,1) .25s}.product-popup-modal--make-a-set[open] .product-popup-modal__content{transform:translateZ(0)}.product-popup-modal--make-a-set[closing] .product-popup-modal__content{transform:translate3d(0,100%,0);transition:transform .4s cubic-bezier(.7,0,.84,0) 0s}.make-a-set-modal__header{padding:2rem 2rem .8rem}.make-a-set-modal__body{gap:4rem;padding-bottom:3.2rem;overflow-x:hidden}.make-a-set-modal__section-label{padding:0 2rem}.make-a-set-modal__cards{display:grid;grid-template-columns:1fr 1fr;overflow-x:visible;padding:0;gap:0;scroll-snap-type:none}.make-a-set-modal__cards>*:first-child{padding-left:0}.make-a-set-modal__scrollbar{display:none}.make-a-set-card__image-box{width:100%;height:auto;aspect-ratio:197 / 258}.make-a-set-card__body{width:100%;padding:0 0 0 1.2rem;box-sizing:border-box}.make-a-set-card__name{white-space:normal;word-break:break-word}.make-a-set-card__footer{padding:0 .8rem .8rem 1.2rem}.make-a-set-card__action{width:3.2rem;height:3.2rem;padding:.7rem}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/armada-make-a-set-modal.css.map */