:host{display:block;color:rgb(var(--color-base-text));font-family:var(--font-body-family);font-size:var(--text-base);line-height:var(--font-body-line-height)}.csf-context{color:rgb(var(--color-foreground));background:var(--gradient-background,rgb(var(--color-background)));text-align:start}*,*:before,*:after{box-sizing:border-box}.csf-context .js-invisible{visibility:visible;opacity:1}.csf-context button:focus-visible,.csf-context a:focus-visible{outline:2px solid currentColor;outline-offset:4px}.csf-context .media-card:focus-within .media-card__button{opacity:1;max-height:3.75rem;pointer-events:auto;margin-block-start:var(--sp-3)}.csf-context csf-motion-list{display:grid}.csf-context .slider{position:static;scrollbar-width:none}.csf-context .indicators{opacity:1;justify-content:space-between;height:0;top:50%;z-index:2}.csf-context .social-feed[hidden]{display:none!important}.csf-context .social-feed:not([hidden]){display:block;pointer-events:auto;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;width:100%;height:100dvh}.csf-context .social-feed .overlay{visibility:visible;opacity:1;pointer-events:auto;background:#0000008c;top:0;right:0;bottom:0;left:0;height:100%;cursor:pointer}.csf-context .social-feed .drawer__inner{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(90vw,1280px);height:min(85dvh,850px);max-height:90dvh;opacity:1;visibility:visible;pointer-events:auto;background:#fff;color:#171717;--color-foreground:23 23 23;--color-background:255 255 255;--color-button-background:23 23 23;--color-button-text:255 255 255;--color-border-light:23 23 23 / .08;--color-border:23 23 23 / .1;border-radius:var(--rounded-block)}.csf-context .social-feed .drawer__inner>.drawer__header{visibility:visible;opacity:1;position:absolute;inset:0 0 auto auto;width:50px;height:50px;z-index:5;padding:0}.csf-context .social-feed .drawer__close{opacity:1;visibility:visible;position:relative;top:0;right:0;bottom:0;left:0;transform:none;width:44px;height:44px;min-height:44px}.csf-context .social-feed .product{height:100%;min-height:0}.csf-context .social-feed .product__gallery{min-height:0;height:100%;background:#f6f6f6;overflow:hidden}.csf-context .social-feed .product__media-container,.csf-context .social-feed .product__media-container>.media{height:100%;padding:0}.csf-context .social-feed .product__media-container img,.csf-context .social-feed .product__media-container video{width:100%;height:100%;object-fit:cover;position:relative}.csf-context .social-feed .product__content{height:100%;min-height:0}.csf-context .social-feed .drawer__scrollable{overflow:auto;min-height:0}.csf-context .social-feed .product__feed>.drawer__header{padding-inline-end:60px}.csf-context .social-feed .hotspot{transform:translate(-50%,-50%)}.csf-context .social-feed .hotspot:focus-visible .hotspot__content{opacity:1;visibility:visible}.csf-context .social-feed .product__more{padding-block:20px}.csf-context .social-feed .horizontal-products{padding:20px;gap:24px}.csf-context .social-feed .horizontal-product__media img{position:relative;height:auto}.csf-context csf-video-media{display:block}.csf-context csf-video-media video{width:100%;height:100%;object-fit:cover}.csf-context .csf-playing{opacity:1!important;pointer-events:auto!important}.csf-context .csf-playing>.deferred-poster{opacity:0}.csf-context .csf-playing:hover>.deferred-poster,.csf-context .csf-playing:focus-within>.deferred-poster{opacity:1}@media(pointer:coarse){.csf-context .shop-the-feed csf-video-media{opacity:1;pointer-events:auto}.csf-context .shop-the-feed .media-card__button{clip:auto;width:auto;height:auto;position:relative;white-space:normal;margin:0;padding:0}}@media(max-width:1023px){.csf-context .social-feed .drawer__inner{width:min(100vw,640px);height:95dvh;max-height:95dvh;inset:auto 50% 0 auto;transform:translate(50%)}.csf-context .social-feed .product__gallery{height:48%;flex-shrink:0}.csf-context .social-feed .product__content{height:52%}.csf-context .social-feed .product__feed{height:100%}.csf-context .social-feed .product__feed>.drawer__header{padding-block:16px}.csf-context .social-feed .social-account,.csf-context .social-feed .product__more{padding-block:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.csf-context .social-feed .drawer__inner{margin:0;max-width:calc(100vw - 32px)}.csf-context .social-feed .drawer__footer{flex-shrink:0}:host{--rounded-button:9999px;--rounded-input:9999px;--rounded-card:24px;--rounded-block:24px;--buttons-radius:9999px;--card-radius:24px}.csf-context .shop-the-feed .product-card__media>.media{border-radius:24px;overflow:hidden}.csf-context .shop-the-feed .horizontal-product__media,.csf-context .shop-the-feed .horizontal-product__media .media{border-radius:12px;overflow:hidden}.csf-context .button,.csf-context .media-card__button{border-radius:9999px}.csf-context .social-feed .drawer__inner{border-radius:24px;overflow:hidden}.csf-context .social-feed .horizontal-product__media{border-radius:12px;overflow:hidden}.csf-context .shop-the-feed .media-card__content>.horizontal-product{align-items:center;gap:8px}.csf-context .shop-the-feed .media-card__content .horizontal-product__media,.csf-context .shop-the-feed .media-card:hover .media-card__content .horizontal-product__media{width:56px;height:56px;flex:0 0 56px;padding:5px;background:#fff;border-radius:12px;transition:none}.csf-context .shop-the-feed .media-card__content .horizontal-product__media .media{display:block;width:100%;height:100%;padding:0;aspect-ratio:1;border-radius:0;background:transparent}.csf-context .shop-the-feed .media-card__content .horizontal-product__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;transform:none}.csf-context .social-feed .horizontal-products>.horizontal-product{display:grid;grid-template-columns:88px minmax(0,1fr) auto;align-items:center;gap:16px;padding-block:20px}.csf-context .social-feed .horizontal-products .horizontal-product__media{width:88px;height:88px;aspect-ratio:1;padding:8px;display:block;background:#f5f5f5;border-radius:12px}.csf-context .social-feed .horizontal-products .horizontal-product__media img{position:static;display:block;width:100%;height:100%;object-fit:contain;transform:none}.csf-context .social-feed .horizontal-product__details{min-width:0;gap:8px}.csf-context .social-feed .horizontal-product__title{font-size:16px;line-height:1.35;overflow-wrap:anywhere}.csf-context .social-feed .horizontal-product__details .price{font-size:14px;line-height:1.4;gap:4px 8px}.csf-context .social-feed .horizontal-products [data-csf-buy]{min-width:84px;min-height:44px;height:auto;padding:12px 16px;white-space:nowrap;font-size:14px;line-height:20px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.csf-context .social-feed .horizontal-products [data-csf-buy] .btn-text{white-space:nowrap;display:inline-block}@media(max-width:639px){.csf-context .social-feed .horizontal-products{padding:12px 16px;gap:0}.csf-context .social-feed .horizontal-products>.horizontal-product{grid-template-columns:72px minmax(0,1fr) auto;gap:12px;padding-block:16px}.csf-context .social-feed .horizontal-products .horizontal-product__media{width:72px;height:72px;padding:6px}.csf-context .social-feed .horizontal-product__title{font-size:14px}.csf-context .social-feed .horizontal-product__details .price{font-size:13px}.csf-context .social-feed .horizontal-products [data-csf-buy]{min-width:68px;padding:10px 12px;font-size:13px}.csf-context .shop-the-feed .media-card__content .horizontal-product__media,.csf-context .shop-the-feed .media-card:hover .media-card__content .horizontal-product__media{width:48px;height:48px;flex-basis:48px}}@media(hover:hover)and (pointer:fine){.csf-context .shop-the-feed .media-card__content .horizontal-product__media{width:56px;height:56px;flex-basis:56px;transition:width .5s cubic-bezier(.3,1,.3,1),height .5s cubic-bezier(.3,1,.3,1),flex-basis .5s cubic-bezier(.3,1,.3,1)}.csf-context .shop-the-feed .media-card:hover .media-card__content .horizontal-product__media,.csf-context .shop-the-feed .media-card:focus-within .media-card__content .horizontal-product__media{width:45px;height:45px;flex-basis:45px}.csf-context .shop-the-feed .media-card__button{display:block;max-height:0;opacity:0;overflow:hidden;pointer-events:none;margin-block-start:0;transition:max-height .5s cubic-bezier(.3,1,.3,1),opacity .5s cubic-bezier(.3,1,.3,1),margin .5s cubic-bezier(.3,1,.3,1)}.csf-context .shop-the-feed .media-card:hover .media-card__button,.csf-context .shop-the-feed .media-card:focus-within .media-card__button{max-height:64px;opacity:1;pointer-events:auto;margin-block-start:12px}.csf-context .shop-the-feed .media-card__button .button{min-height:50px;display:flex;align-items:center;justify-content:center}}@media(max-width:639px)and (hover:hover)and (pointer:fine){.csf-context .shop-the-feed .media-card__content .horizontal-product__media{width:48px;height:48px;flex-basis:48px}.csf-context .shop-the-feed .media-card:hover .media-card__content .horizontal-product__media,.csf-context .shop-the-feed .media-card:focus-within .media-card__content .horizontal-product__media{width:40px;height:40px;flex-basis:40px}}.csf-context .button:has([data-fill]){position:relative;overflow:hidden;isolation:isolate}.csf-context .button [data-fill]{pointer-events:none;display:block;border-radius:50%;width:150%;height:200%;position:absolute;inset-block-start:-50%;inset-inline-start:-25%;transform:translate3d(0,-76%,0);background-color:rgb(var(--color-button-text));z-index:0}.csf-context .button.csf-fill-active>.btn-text{color:rgb(var(--color-button-background))}.csf-context .button--secondary.csf-fill-active>.btn-text{color:rgb(var(--color-background))}.csf-context .button>.btn-text{position:relative;z-index:1;transition:color .5s ease .1s}.csf-context .media-card__button .button--blur [data-fill]{background-color:#0009}.csf-context .media-card__button .button--blur.csf-fill-active{background:transparent;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:rgb(var(--color-foreground))}.csf-context .media-card__button .button--blur.csf-fill-active>.btn-text{color:rgb(var(--color-foreground))}@media(max-width:1023px),(hover:none){.csf-context .shop-the-feed .media-card__button{display:block!important;clip:auto!important;position:relative!important;width:100%!important;height:auto!important;max-height:64px!important;opacity:1!important;pointer-events:auto!important;margin:12px 0 0!important;padding:0!important;white-space:normal!important;overflow:hidden}.csf-context .shop-the-feed .media-card__button .button{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 16px}}.csf-context .title-wrapper{flex-direction:row!important;align-items:center!important;justify-content:space-between;gap:16px}.csf-context .title-wrapper>.grid{min-width:0;flex:1}.csf-context .title-wrapper>.social-account{flex-shrink:0;gap:12px}.csf-context .title-wrapper .social-account>.grow{display:flex;align-items:center;gap:12px}@media(max-width:639px){.csf-context .title-wrapper .heading.title-md{font-size:clamp(22px,6vw,32px)}.csf-context .title-wrapper .social-account .button{padding:10px 16px;min-height:44px;white-space:nowrap}.csf-context .title-wrapper .social-account__media{display:none}.csf-context .title-wrapper .social-account .heading{max-width:100px;font-size:13px;overflow-wrap:anywhere}}.csf-context .media-card__button:hover .button--blur [data-fill],.csf-context .media-card__button:focus-visible .button--blur [data-fill]{animation:csf-liquid-in .6s ease forwards}.csf-context .media-card__button:hover .button--blur>.btn-text,.csf-context .media-card__button:focus-visible .button--blur>.btn-text{color:rgb(var(--color-button-background))}.csf-context .media-card__button .button--blur [data-fill]{background:rgb(var(--color-button-text))}@keyframes csf-liquid-in{0%{transform:translate3d(0,76%,0)}to{transform:translateZ(0)}}@media(prefers-reduced-motion:reduce){.csf-context .media-card__button:hover .button--blur [data-fill]{animation-duration:0s}}.csf-context .title-wrapper .social-account .button{font-family:var(--font-button-family);font-size:var(--font-button-size);font-weight:var(--font-button-weight);font-style:normal;letter-spacing:normal;text-transform:none;line-height:1.2;padding:16px 24px;min-height:50px;pointer-events:auto;cursor:pointer}.csf-context .title-wrapper .social-account .button>.btn-text{font:inherit;letter-spacing:inherit;text-transform:none}.csf-context .title-wrapper .social-account .button:hover [data-fill],.csf-context .title-wrapper .social-account .button:focus-visible [data-fill]{animation:csf-liquid-in .6s ease forwards}.csf-context .title-wrapper .social-account .button:hover>.btn-text,.csf-context .title-wrapper .social-account .button:focus-visible>.btn-text{color:rgb(var(--color-background))}@media(prefers-reduced-motion:reduce){.csf-context .title-wrapper .social-account .button:hover [data-fill]{animation-duration:0s}}.csf-context .csf-card-open{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;padding:0;border:0;border-radius:inherit;background:transparent;cursor:pointer;touch-action:pan-x pan-y}.csf-context .csf-card-open:focus-visible{outline:3px solid currentColor;outline-offset:-5px}.csf-context .csf-card-open~.media-card__content{pointer-events:none;z-index:3}.csf-context .csf-card-open~.media-card__content .horizontal-product__media{pointer-events:auto}.csf-context .social-feed csf-lookbook-element:has(video)>.hotspot{display:none!important}.csf-context csf-video-media .csf-inline-video-poster{width:100%;height:100%;object-fit:cover}.csf-context csf-video-media>video{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.csf-context csf-video-media.csf-playing>video{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/12/assets/csf-feed.css.map */
