.xyxx-occasions{--ofw-desktop-card-width: 19.86vw;--ofw-desktop-active-width: 26.12vw;--ofw-desktop-visual-gap: 24px;--ofw-desktop-track-gap: calc(3.13vw + 24px) ;--ofw-mobile-card-width: min(56.4vw, 240px);--ofw-mobile-active-width: min(64.58vw, 275px);--ofw-mobile-visual-gap: 7px;--ofw-mobile-track-gap: min( calc(8.9vw + 7px) , 24.5px);--ofw-card-width: var(--ofw-desktop-card-width);--ofw-active-width: var(--ofw-desktop-active-width);--ofw-visual-gap: var(--ofw-desktop-visual-gap);--ofw-track-gap: var(--ofw-desktop-track-gap);--ofw-stage-padding: clamp(12px, 1vw, 18px);--ofw-label-space: 38px;position:relative;width:100%;max-width:none;min-width:0;overflow:hidden;padding-block:var(--ofw-desktop-padding-top, 32px) var(--ofw-desktop-padding-bottom, 80px);background:var(--ofw-background, #f8f8f8);color:var(--ofw-label-color, #000)}.xyxx-occasions *,.xyxx-occasions *:before,.xyxx-occasions *:after{box-sizing:border-box}.section-xyxx-occasions,.xyxx-occasions__inner,.xyxx-occasions__carousel{width:100%;max-width:none;min-width:0}.xyxx-occasions__heading{margin:0 24px;color:#000;font:inherit;font-size:clamp(26px,2.18vw,36px);font-weight:700;line-height:1.08;letter-spacing:-.02em;text-align:center;text-transform:uppercase}.xyxx-occasions__carousel{position:relative;container-type:inline-size}@supports (width: 1cqw){.xyxx-occasions{--ofw-desktop-card-width: 19.86cqw;--ofw-desktop-active-width: 26.12cqw;--ofw-desktop-track-gap: calc(3.13cqw + 24px) }}.xyxx-occasions__stage{position:relative;width:min(100%,calc(var(--ofw-card-width) + var(--ofw-card-width) + var(--ofw-active-width) + var(--ofw-visual-gap) + var(--ofw-visual-gap)));height:auto;min-height:0;margin-inline:auto;padding-block-start:var(--ofw-stage-padding);padding-block-end:calc(var(--ofw-label-space) + var(--ofw-stage-padding));overflow:hidden;outline:none;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none}.xyxx-occasions--reference_carousel .xyxx-occasions__stage:before{display:block;width:min(100%,var(--ofw-active-width));margin-inline:auto;aspect-ratio:2 / 3;pointer-events:none;content:""}.xyxx-occasions__stage.is-dragging{cursor:grabbing}.xyxx-occasions__track{position:absolute;inset-block:0;inset-inline-start:0;display:flex;align-items:stretch;width:max-content;min-width:max-content;gap:var(--ofw-track-gap);will-change:transform;transition:transform .46s cubic-bezier(.22,1,.36,1)}.xyxx-occasions__stage.is-dragging .xyxx-occasions__track,.xyxx-occasions__stage.is-instant .xyxx-occasions__track,.xyxx-occasions__stage.is-instant .xyxx-occasions__media,.xyxx-occasions__stage.is-instant .xyxx-occasions__label{transition:none}.xyxx-occasions__slide{display:flex;width:var(--ofw-card-width);min-width:0;height:100%;flex:0 0 var(--ofw-card-width);flex-direction:column;align-items:center;justify-content:center;margin:0}.xyxx-occasions__media{position:relative;width:var(--ofw-card-width);max-width:none;flex:0 0 auto;aspect-ratio:2 / 3;overflow:hidden;border-radius:4px;background:#e7e2da;transform:translateZ(0);transition:width .46s cubic-bezier(.22,1,.36,1)}.xyxx-occasions__slide.is-active .xyxx-occasions__media{width:var(--ofw-active-width)}.xyxx-occasions__image{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;pointer-events:none}.xyxx-occasions__placeholder{background:#e7e2da;fill:#b7b0a7}.xyxx-occasions__label{width:var(--ofw-card-width);margin:14px 0 0;overflow:hidden;color:#000;font:inherit;font-size:20px;font-weight:700;line-height:1.2;letter-spacing:-.1px;text-align:center;text-overflow:ellipsis;white-space:nowrap;transition:width .46s cubic-bezier(.22,1,.36,1)}.xyxx-occasions__slide.is-active .xyxx-occasions__label{width:var(--ofw-active-width)}.xyxx-occasions__arrow{position:absolute;z-index:3;top:44.6%;display:grid;width:26px;height:26px;padding:0;place-items:center;border:1px solid #606A78;border-radius:50%;background:transparent;color:#606a78;cursor:pointer;transform:translateY(-50%);transition:border-color .18s ease,color .18s ease}.xyxx-occasions__arrow:hover{border-color:#000;color:#000}.xyxx-occasions__arrow:hover svg{stroke:#000}.xyxx-occasions__arrow:focus-visible,.xyxx-occasions__dot:focus-visible,.xyxx-occasions__stage:focus-visible{outline:2px solid currentColor;outline-offset:3px}.xyxx-occasions__arrow--previous{left:9.8%}.xyxx-occasions__arrow--next{right:10%}.xyxx-occasions__arrow svg{width:15px;height:15px;fill:none;stroke:#606a78;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.35}.xyxx-occasions__dots{display:flex;min-height:16px;align-items:center;justify-content:center;margin-top:4px;gap:7px}.xyxx-occasions__dot{position:relative;width:7px;height:7px;flex:0 0 7px;padding:0;border:0;border-radius:50%;background:#e2e0e0;cursor:pointer}.xyxx-occasions__dot.is-active{background:#000}.xyxx-occasions__dot.is-active:before{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:1px solid #000;border-radius:inherit;content:""}.xyxx-occasions--specification_grid{overflow:visible}.xyxx-occasions--specification_grid .xyxx-occasions__heading{margin-bottom:32px}.xyxx-occasions--specification_grid .xyxx-occasions__stage{width:100%;height:auto;overflow:visible;padding-block:0;padding-inline:clamp(24px,4vw,64px);cursor:default;-webkit-user-select:auto;user-select:auto}.xyxx-occasions--specification_grid .xyxx-occasions__track{position:static;display:grid;grid-template-columns:repeat(var(--ofw-grid-columns, 5),minmax(0,1fr));align-items:start;width:100%;min-width:0;gap:32px 20px;transform:none!important}.xyxx-occasions--specification_grid .xyxx-occasions__slide,.xyxx-occasions--specification_grid .xyxx-occasions__slide.is-active{display:block;width:auto;height:auto;flex:none}.xyxx-occasions--specification_grid .xyxx-occasions__media,.xyxx-occasions--specification_grid .xyxx-occasions__slide.is-active .xyxx-occasions__media{width:100%;aspect-ratio:1 / 1}.xyxx-occasions--specification_grid .xyxx-occasions__label,.xyxx-occasions--specification_grid .xyxx-occasions__slide.is-active .xyxx-occasions__label{width:100%;margin-top:10px;font-size:14px}@media screen and (max-width:989px){.xyxx-occasions{--ofw-card-width: var(--ofw-mobile-card-width);--ofw-active-width: var(--ofw-mobile-active-width);--ofw-visual-gap: var(--ofw-mobile-visual-gap);--ofw-track-gap: var(--ofw-mobile-track-gap);--ofw-stage-padding: 0px;--ofw-label-space: 30px;padding-block:var(--ofw-mobile-padding-top, 29px) var(--ofw-mobile-padding-bottom, 20px)}.xyxx-occasions__heading{margin:0 16px 15px;font-size:21px;line-height:1.15;letter-spacing:-.025em}.xyxx-occasions__stage{width:100%}.xyxx-occasions__label{margin-top:10px;font-size:16px;line-height:1.25}.xyxx-occasions__arrow{display:none}.xyxx-occasions__dots{margin-top:12px;gap:7px}.xyxx-occasions__dot{width:6px;height:6px;flex-basis:6px}.xyxx-occasions__dot.is-active:before{top:-4px;right:-4px;bottom:-4px;left:-4px}.xyxx-occasions--specification_grid .xyxx-occasions__heading{margin-bottom:22px}.xyxx-occasions--specification_grid .xyxx-occasions__stage{height:auto;padding-block:0;padding-inline:16px}.xyxx-occasions--specification_grid .xyxx-occasions__track{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.xyxx-occasions--specification_grid .xyxx-occasions__slide,.xyxx-occasions--specification_grid .xyxx-occasions__slide.is-active{width:auto}.xyxx-occasions--specification_grid .xyxx-occasions__label,.xyxx-occasions--specification_grid .xyxx-occasions__slide.is-active .xyxx-occasions__label{width:100%;margin-top:8px;font-size:13px}}@media(prefers-reduced-motion:reduce){.xyxx-occasions__track,.xyxx-occasions__media,.xyxx-occasions__label{transition-duration:1ms}}
/*# sourceMappingURL=/cdn/shop/t/626/assets/xyxx-occasions-for-wearing.css.map */