.fort-style-picker{padding:clamp(48px,6.67vw,96px) 0;background:var(--fort-white)}.fort-style-picker__frame{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(28rem,.72fr) minmax(40rem,1.28fr);width:min(100% - 48px,152rem);min-height:clamp(48rem,48vw,66rem);margin:0 auto;overflow:hidden;border-radius:var(--fort-radius-panel-lg);background:#f2f2f2}.fort-style-picker__content{position:relative;z-index:3;align-self:center;max-width:52rem;padding:var(--fort-space-12) 0 var(--fort-space-12) var(--fort-space-12)}.fort-style-picker h3{max-width:50rem;margin:0 0 2.2rem;text-transform:uppercase}.fort-style-picker__content>p{max-width:38rem;text-wrap:pretty;margin:0 0 3rem}.fort-style-picker__swatch-picker{display:flex;width:4.4rem;margin-top:3rem;margin-bottom:3rem;flex-direction:column;align-items:center;padding:1.6rem 2.9rem;border-radius:var(--fort-radius-pill);background:#ffffffd1}.fort-style-picker__swatches{display:flex;width:100%;flex-direction:column;align-items:center;gap:4px}.fort-style-picker__swatch{display:grid;width:4.4rem;height:4.4rem;margin:0;padding:0;border:1px solid #dedee0;border-radius:var(--fort-radius-circle);background:transparent;cursor:pointer;place-items:center}.fort-style-picker__swatch:after{width:2rem;height:2rem;border-radius:var(--fort-radius-circle);background:var(--fort-swatch);content:""}.fort-style-picker__swatch.is-active{border-color:#3e4856b8}.fort-style-picker__cta{align-items:center;justify-content:center;margin-top:0}@media screen and (min-width:750px)and (prefers-reduced-motion:no-preference){.fort-style-picker[data-fort-style-intro-pending] .fort-style-picker__content>p,.fort-style-picker[data-fort-style-intro-pending] .fort-style-picker__swatch-picker,.fort-style-picker[data-fort-style-intro-pending] .fort-style-picker__cta{visibility:hidden}}.fort-style-picker__media{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;min-height:0;overflow:visible}.fort-style-picker__media-layer{position:absolute;top:-19rem;right:3rem;width:86rem;height:115.2rem;z-index:0;opacity:0;visibility:hidden;will-change:transform}.fort-style-picker__media-layer.is-active{z-index:1;opacity:1;visibility:visible}.fort-style-picker__media-layer img{position:relative;top:auto;right:auto;display:block;width:100%;height:100%;max-width:100%;object-fit:contain}.fort-style-picker__reveal{display:none}.fort-style-picker__pagination{position:absolute;z-index:10;bottom:3.5rem;left:46.24%;display:flex;align-items:center;justify-content:space-between;width:235px;height:70px;box-sizing:border-box;padding:0 2rem;overflow:hidden;border-radius:.6rem}.fort-style-picker__pagination:before{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#f4f4f424;backdrop-filter:blur(2.4rem) saturate(1.15);-webkit-backdrop-filter:blur(2.4rem) saturate(1.15);transform:translateZ(0);will-change:backdrop-filter,transform;content:""}.fort-style-picker__goo-filter{position:absolute;width:0;height:0;overflow:hidden}.fort-style-picker__pagination-goo{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;padding:0 2rem}.fort-style-picker__pagination-dot{position:relative;z-index:0;display:block;width:10px;height:10px;flex:0 0 10px;padding:0;border:0;border-radius:var(--fort-radius-circle);background:var(--fort-white);cursor:pointer}.fort-style-picker__pagination-indicator{position:absolute;z-index:2;top:50%;left:0;display:block;width:4.4rem;height:10px;border:0;border-radius:var(--fort-radius-pill);background:var(--fort-white);transform:translateY(-50%);cursor:grab;touch-action:none;will-change:transform}.fort-style-picker__pagination-indicator:active{cursor:grabbing}.fort-style-picker__pagination-join{position:absolute;z-index:1;top:50%;display:block;width:10px;height:10px;border-radius:var(--fort-radius-circle);background:var(--fort-white);opacity:0;transform:translateY(-50%);will-change:left,opacity}.fort-style-picker__pagination-liquid{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;pointer-events:none;visibility:hidden}.fort-style-picker__pagination-liquid i{position:absolute;top:50%;display:block;height:10px;border-radius:var(--fort-radius-pill);background:var(--fort-white);transform:translateY(-50%)}.fort-style-picker__pagination-liquid [data-fort-style-liquid-dot]{width:10px;border-radius:var(--fort-radius-circle)}@media screen and (max-width:989px){.fort-style-picker__frame{grid-template-columns:1fr;width:calc(100% - 6rem);min-height:64rem}.fort-style-picker__content{align-self:end;padding:0 var(--fort-space-11) var(--fort-space-11)}.fort-style-picker__media{position:absolute;top:0;right:0;bottom:0;left:0;min-height:0}.fort-style-picker__media-layer{top:-11rem;right:-6rem;width:80rem;height:107rem}.fort-style-picker__media-layer img{width:100%;height:100%}.fort-style-picker__pagination{right:3rem;bottom:3rem;left:auto}}@media screen and (max-width:749px){.fort-style-picker{padding-block:var(--fort-space-section-mobile)}.fort-style-picker__frame{grid-template-columns:1fr;width:calc(100% - 2.8rem);min-height:65rem;border-radius:var(--fort-radius-panel-sm)}.fort-style-picker__content{align-self:end;padding:0 var(--fort-wrapper-gutter) 3rem}.fort-style-picker h3{max-width:30rem}.fort-style-picker__media{position:absolute;top:0;right:0;bottom:0;left:0;min-height:0}.fort-style-picker__media-layer img{width:100%;height:100%}.fort-style-picker__media-layer{top:-8rem;right:-5rem;width:70rem;height:93.6rem}.fort-style-picker__pagination{right:2rem;bottom:23rem;left:auto;display:none}}.fort-style-picker__media{mix-blend-mode:multiply}@media(max-width:989px){.fort-style-picker__frame{min-height:0}.fort-style-picker__media{position:relative;grid-row:1;height:360px;overflow:hidden}.fort-style-picker__media-layer{top:0;right:0;bottom:0;left:0;width:100%;height:100%}.fort-style-picker__content{grid-row:2;max-width:none;padding:28px}.fort-style-picker__content>p{max-width:48rem}.fort-style-picker__swatch-picker{width:max-content;padding:8px 12px;margin-block:24px}.fort-style-picker__swatches{flex-direction:row}.fort-style-picker__pagination{display:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/fort-style-picker.css.map */