.stg{--stg-ring-1: #feda75;--stg-ring-2: #d62976;--stg-ring-3: #962fbf;--stg-circle-size: 72px;--stg-gap: 16px;--stg-thumb-gap: 2px;--stg-thumb-gap-color: #fff;--stg-ring-width: 3px;--stg-radius: 14px;font-family:inherit}.stg__heading{margin:0 0 .75em;font-family:inherit}.stg__row{display:flex;gap:var(--stg-gap);overflow-x:auto;overflow-y:hidden;padding:4px 2px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.stg__row::-webkit-scrollbar{display:none}.stg__item{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:6px;width:var(--stg-circle-size);padding:0;margin:0;border:0;background:none;cursor:pointer;font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}.stg__ring{width:var(--stg-circle-size);height:var(--stg-circle-size);border-radius:50%;padding:var(--stg-ring-width, 3px);background:linear-gradient(45deg,var(--stg-ring-1),var(--stg-ring-2),var(--stg-ring-3));box-sizing:border-box;transition:transform .15s ease}.stg--ring-solid .stg__ring{background:var(--stg-ring-solid, #d62976)}.stg__item:hover .stg__ring,.stg__item:focus-visible .stg__ring{transform:scale(1.04)}.stg__item:focus-visible{outline:none}.stg__item:focus-visible .stg__ring{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--stg-ring-2)}.stg__thumb{position:relative;width:100%;height:100%;border-radius:50%;background:var(--stg-thumb-gap-color, #fff);padding:var(--stg-thumb-gap, 2px);box-sizing:border-box;display:block}.stg__thumb img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:50%;display:block}.stg__video{position:absolute;top:var(--stg-thumb-gap, 2px);left:var(--stg-thumb-gap, 2px);width:calc(100% - 2 * var(--stg-thumb-gap, 2px));height:calc(100% - 2 * var(--stg-thumb-gap, 2px));object-fit:cover;object-position:top;border-radius:50%;opacity:0;transition:opacity .3s ease;pointer-events:none}.stg__video.is-playing{opacity:1}.stg--rectangle .stg__ring{height:calc(var(--stg-circle-size) * 16 / 9);border-radius:var(--stg-radius, 14px)}.stg--rectangle .stg__thumb{border-radius:max(0px,calc(var(--stg-radius) - var(--stg-ring-width)))}.stg--rectangle .stg__thumb img,.stg--rectangle .stg__video{border-radius:max(0px,calc(var(--stg-radius) - var(--stg-ring-width) - var(--stg-thumb-gap)))}.stg--rectangle .stg__video{width:calc(var(--stg-circle-size) - 2 * var(--stg-ring-width) - 2 * var(--stg-thumb-gap));height:calc((var(--stg-circle-size) * 16 / 9) - 2 * var(--stg-ring-width) - 2 * var(--stg-thumb-gap))}.stg__label{max-width:calc(var(--stg-circle-size) + 8px);font-size:12px;line-height:1.3;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:inherit}.media-wrapper--has-bubble{position:relative}.stg-bubble{--stg-bubble-offset: clamp(8px, 3vw, 16px);--stg-circle-size: var(--stg-bubble-size, 64px);position:absolute;z-index:4;display:inline-flex;flex-direction:column;align-items:center;gap:6px;padding:0;margin:0;border:0;background:none;cursor:pointer;font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}@media(max-width:40em){.stg-bubble{--stg-circle-size: min(var(--stg-bubble-size, 64px), 56px)}}.stg-bubble--top-left{top:var(--stg-bubble-offset);left:var(--stg-bubble-offset)}.stg-bubble--top-right{top:var(--stg-bubble-offset);right:var(--stg-bubble-offset)}.stg-bubble--bottom-left{bottom:var(--stg-bubble-offset);left:var(--stg-bubble-offset)}.stg-bubble--bottom-right{bottom:var(--stg-bubble-offset);right:var(--stg-bubble-offset)}.stg-bubble .stg__ring{position:relative;overflow:hidden;background:none;box-shadow:0 4px 14px #0000004d}.stg-bubble .stg__ring:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 0deg,var(--stg-ring-1),var(--stg-ring-2),var(--stg-ring-3),var(--stg-ring-1));animation:stg-bubble-spin 3s linear infinite;z-index:0}.stg-bubble .stg__thumb{position:relative;z-index:1;padding:0;background:none;--stg-thumb-gap: 0px}.stg-bubble--ring-solid .stg__ring{padding:0}.stg-bubble--ring-solid .stg__ring:before{display:none}.stg-bubble--ring-solid .stg__ring:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 var(--stg-ring-width) var(--stg-ring-solid, #d62976);z-index:2;pointer-events:none}.stg-bubble--ring-solid.stg-bubble--rectangle .stg__thumb,.stg-bubble--ring-solid.stg-bubble--rectangle .stg__thumb img,.stg-bubble--ring-solid.stg-bubble--rectangle .stg__video{border-radius:var(--stg-radius, 14px)}.stg-bubble--rectangle .stg__ring{height:calc(var(--stg-circle-size) * 16 / 9);border-radius:var(--stg-radius, 14px)}.stg-bubble--rectangle .stg__ring:before{border-radius:var(--stg-radius, 12px)}.stg-bubble--rectangle .stg__thumb,.stg-bubble--rectangle .stg__thumb img,.stg-bubble--rectangle .stg__video{border-radius:max(0px,calc(var(--stg-radius) - var(--stg-ring-width)))}.stg-bubble--rectangle .stg__video{width:calc(var(--stg-circle-size) - 2 * var(--stg-ring-width));height:calc((var(--stg-circle-size) * 16 / 9) - 2 * var(--stg-ring-width))}.stg-bubble--ring-solid.stg-bubble--rectangle .stg__video{width:var(--stg-circle-size);height:calc(var(--stg-circle-size) * 16 / 9)}.stg-bubble:hover .stg__ring,.stg-bubble:focus-visible .stg__ring{transform:scale(1.05)}.stg-bubble:focus-visible{outline:none}.stg-bubble:focus-visible .stg__ring{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--stg-ring-2)}.stg-bubble__label{font-size:11px;font-weight:600;line-height:1;padding:4px 10px;border-radius:999px;background:#0009;color:#fff;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes stg-bubble-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.stg-bubble .stg__ring:before{animation:none}}.stg-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:none;align-items:center;justify-content:center;background:#000000d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);font-family:inherit;touch-action:none;opacity:0;transition:opacity .2s ease}.stg-viewer.is-open{display:flex;opacity:1}.stg-stage{position:relative;width:min(440px,100vw);height:min(calc((440px / 9) * 16),100dvh,100vh);max-height:100dvh;aspect-ratio:9 / 16;background:#000;overflow:hidden;border-radius:12px;will-change:transform}@media(max-width:480px){.stg-stage{width:100vw;height:100dvh;border-radius:0}}.stg-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s ease;background:#000}.stg-media.is-active{opacity:1}.stg-progress{position:absolute;top:8px;left:8px;right:8px;display:flex;gap:4px;z-index:3}.stg-seg{flex:1;height:3px;border-radius:3px;background:#ffffff59;overflow:hidden}.stg-seg__fill{display:block;height:100%;width:0;background:#fff;border-radius:3px}.stg-header{position:absolute;top:22px;left:12px;right:12px;display:flex;align-items:center;gap:10px;z-index:3;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.stg-header__avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex:0 0 auto;background:#333}.stg-header__text{display:flex;flex-direction:column;line-height:1.2;min-width:0}.stg-header__title{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stg-header__subtitle{font-size:12px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stg-mute{margin-left:auto;flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;background:none;color:#fff;cursor:pointer;padding:0;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}.stg-close{flex:0 0 auto;width:32px;height:32px;border:0;background:none;color:#fff;font-size:26px;line-height:1;cursor:pointer;padding:0;text-shadow:0 1px 3px rgba(0,0,0,.5)}.stg-cta{position:absolute;bottom:28px;left:50%;transform:translate(-50%);z-index:3;display:none;align-items:center;gap:6px;padding:10px 22px;border-radius:999px;background:#fff;color:#111;font-size:14px;font-weight:600;text-decoration:none;box-shadow:0 4px 14px #00000059;white-space:nowrap}.stg-cta.is-visible{display:inline-flex}.stg-quickadd{position:absolute;left:0;right:0;bottom:0;z-index:5;display:none;padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px));background:linear-gradient(to top,#0000008c,#0000)}.stg-quickadd.is-visible{display:block}.stg-quickadd button{width:100%}.stg-zones{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;z-index:2}.stg-zone{flex:1}body.stg-playing .quick-add.visible,body.stg-playing .drawer.cart-flyout.is-visible.is-active{z-index:9999999999}
/*# sourceMappingURL=/cdn/shop/t/30/assets/stories-gallery.css.map */