.before-after{--before-after-content-inset-inline: 1.25rem;--before-after-content-inset-block: 1rem;--before-after-cursor-size: 3.125rem;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;display:grid;position:relative}.before-after>*{grid-area:1 / -1}.no-js .before-after{--before-after-cursor-position: var(--before-after-initial-cursor-position)}.before-after__after-image{z-index:1}.before-after__content-wrapper{position:absolute}.before-after__cursor{pointer-events:auto;filter:drop-shadow(0 1px 1px #0000000d) drop-shadow(0 1px 1px #0000000d);z-index:1;display:grid;position:relative}.before-after__cursor:before{content:"";background:rgb(var(--before-after-cursor-background));z-index:-1;position:absolute}.before-after__cursor svg{width:var(--before-after-cursor-size);height:var(--before-after-cursor-size)}.before-after--horizontal{cursor:ew-resize}.before-after--horizontal .before-after__after-image{clip-path:inset(0 0 0 var(--before-after-cursor-position, 0%))}[dir=rtl] :is(.before-after--horizontal .before-after__after-image){clip-path:inset(0 var(--before-after-cursor-position, 0%) 0 0)}.before-after--horizontal .before-after__before-image .before-after__content-wrapper{justify-items:start;inset-block-end:var(--before-after-content-inset-block);inset-inline-start:var(--before-after-content-inset-inline)}.before-after--horizontal .before-after__after-image .before-after__content-wrapper{text-align:end;justify-items:end;inset-block-end:var(--before-after-content-inset-block);inset-inline-end:var(--before-after-content-inset-inline)}.before-after--horizontal .before-after__cursor{justify-self:start;place-items:center start;inset-inline-start:calc(var(--before-after-cursor-position, 0%) - var(--before-after-cursor-size) / 2)}.before-after--horizontal .before-after__cursor:before{width:.125rem;height:100%;inset-inline-start:calc(var(--before-after-cursor-size) / 2)}.before-after--vertical{cursor:ns-resize}.before-after--vertical .before-after__after-image{clip-path:inset(var(--before-after-cursor-position, 0%) 0 0 0)}.before-after--vertical .before-after__before-image .before-after__content-wrapper{justify-items:start;inset-block-start:var(--before-after-content-inset-block);inset-inline-start:var(--before-after-content-inset-inline)}.before-after--vertical .before-after__after-image .before-after__content-wrapper{justify-items:start;inset-block-end:var(--before-after-content-inset-block);inset-inline-start:var(--before-after-content-inset-inline)}.before-after--vertical .before-after__cursor{align-self:start;place-items:start center;inset-block-start:calc(var(--before-after-cursor-position, 0%) - var(--before-after-cursor-size) / 2)}.before-after--vertical .before-after__cursor:before{width:100%;height:.125rem;inset-block-start:calc(var(--before-after-cursor-size) / 2)}@media screen and (max-width:699px){.before-after{--before-after-cursor-size: 2.5rem}.before-after .button{padding:.45rem 1.5rem}}@media screen and (min-width:700px){.before-after{--before-after-content-inset-inline: 2.5rem;--before-after-content-inset-block: 2rem}.before-after__content-wrapper:has(.button){--before-after-content-inset-block: 2.5rem}}.faq{justify-content:center;align-items:start;column-gap:3.75rem;display:flex}.faq__toc{align-content:start;justify-items:start;gap:.75rem;min-width:150px;max-width:300px;transition:inset-block-start .15s ease-in-out;display:grid;position:sticky;inset-block-start:calc(var(--sticky-area-height) + 1.25rem)}.faq__toc-item{text-underline:none;background:linear-gradient(to right,currentColor,currentColor) 0 min(100%,1.35em) / 0 1px no-repeat;transition:background-size .3s ease-in-out}.faq__toc-item.is-active{background-size:100% 1px}.faq__content{flex-basis:650px}.faq__category{flex-wrap:wrap;align-items:center;column-gap:1rem;scroll-margin-block-start:1.25rem;display:flex}.faq__category+.accordion{margin-block-start:1.25rem}.accordion+.faq__category{margin-block-start:3rem}.shop-the-look__carousel{z-index:2;grid:auto / auto-flow 100%;align-items:start;gap:.625rem;display:grid;position:relative;overflow:visible}.shop-the-look__carousel.is-expanded{overflow:hidden}.shop-the-look__image-wrapper{position:relative;overflow:hidden}.shop-the-look__hot-spot-list{width:100%;height:100%;display:block;position:absolute;inset-block-start:0;inset-inline-start:0}.shop-the-look__hot-spot{--hot-spot-size: 1rem;top:calc(var(--shop-the-look-hot-spot-top) - (var(--hot-spot-size) / 2));left:calc(var(--shop-the-look-hot-spot-left) - (var(--hot-spot-size) / 2));width:var(--hot-spot-size);height:var(--hot-spot-size);border-radius:var(--rounded-full);transition:transform .2s ease-in-out;position:absolute}.shop-the-look__hot-spot:after{--hot-spot-after-size: calc(var(--hot-spot-size) * 2.5);content:"";top:calc(50% - var(--hot-spot-after-size) / 2);left:calc(50% - var(--hot-spot-after-size) / 2);width:var(--hot-spot-after-size);height:var(--hot-spot-after-size);background:radial-gradient(50% 50% at 50% 50%,rgb(var(--background) / 0),rgb(var(--background) / .3));border-radius:var(--rounded-full);animation:2s ease-in-out infinite alternate ping;position:absolute}.shop-the-look__hot-spot[aria-current=true]{transform:scale(1.3)}.shop-the-look__item-carousel{grid:auto / auto-flow 100%;justify-items:center;display:grid;position:relative}.shop-the-look__item{position:relative}.shop-the-look__popover .product-card__figure{width:100%;max-width:10rem;margin-inline:auto}.shop-the-look__popover::part(base){height:auto;inset:auto auto 0 0}.shop-the-look__popover::part(overlay){display:none}@media screen and (max-width:699px){.shopify-section--shop-the-look:before{content:"";opacity:0;pointer-events:none;background:rgb(var(--background));z-index:2;width:100%;height:100%;transition:opacity .4s;position:fixed;inset-block-start:0;inset-inline-start:0}.shopify-section--shop-the-look:has(.shop-the-look__carousel.is-expanded):before{opacity:1}}@media screen and (min-width:1000px){.shop-the-look__carousel{grid:none;align-items:center}.shop-the-look__item{max-width:var(--container-sm-max-width);grid:auto / min(550px,60%) minmax(0,1fr);grid-area:1 / -1;align-items:center;gap:.3125rem;margin-inline:auto;display:grid}.shop-the-look__item:not(.is-selected){visibility:hidden}.shop-the-look__item-product{grid-area:1 / -1;max-width:16.875rem}.shop-the-look__item-product:not(.is-selected){visibility:hidden}.shop-the-look__item-content{opacity:0;justify-items:center;gap:1.5rem;display:grid}}@media screen and (pointer:fine){.shop-the-look__hot-spot:hover{transform:scale(1.3)}}.timeline__carousel,.timeline__item{display:grid}:is(.timeline__carousel,.timeline__item)>*{grid-area:1 / -1}.timeline__item:not(.is-selected){visibility:hidden}.timeline__item-image-wrapper{overflow:hidden}.timeline__item-image-wrapper :is(img,svg){scale:1.05}.timeline__item-content{padding:var(--container-gutter)}@media screen and (max-width:699px){.shopify-section--timeline{--section-vertical-spacing: 0;border-block-start-width:0}.timeline__carousel{position:relative}.timeline__carousel:after{content:"";background:#0006;position:absolute;top:0;right:0;bottom:0;left:0}.timeline__item{--text-color: var(--timeline-item-mobile-text-color);color:rgb(var(--text-color))}.timeline__item-content{text-align:center;z-index:1;align-self:center;padding-block:3.75rem}}@media screen and (min-width:700px){.timeline__item{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline__item>*{grid-area:unset}.timeline__item-content{align-self:end}}.timeline__nav{white-space:nowrap;grid-auto-flow:column;justify-content:safe center;align-items:center;column-gap:2.5rem;display:grid}.timeline__nav>button{height:var(--text-h4);line-height:1;transition:opacity .25s ease-in-out,font-size .25s ease-in-out;position:relative}.timeline__nav>button:after{content:"";width:calc(100% - var(--heading-letter-spacing));transform-origin:var(--transform-origin-start);background:currentColor;height:3px;transition:transform .25s ease-in-out;position:absolute;inset-block-end:-1.25rem;inset-inline-start:0;transform:scaleX(0)}.timeline__nav>[aria-current=false]{opacity:.65}.timeline__nav>[aria-current=true]{font-size:var(--text-h4)}.timeline__nav>[aria-current=true]:after{transform:scaleX(1)}@media screen and (max-width:699px){.timeline__nav{background:rgb(var(--timeline-nav-mobile-background));color:rgb(var(--timeline-nav-mobile-text-color));padding-block:1.25rem;overflow:auto hidden}}@media screen and (min-width:700px){.timeline__nav{margin-block-start:var(--section-stack-gap)}.timeline__nav>button:after{inset-block-end:-.5rem}}
/*# sourceMappingURL=/cdn/shop/t/432/assets/theme-optional-sections.css.map */