@layer components{.c-story-circle{display:inline-grid;justify-items:center;gap:var(--space-2);padding:0;border:0;background:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);font-size:var(--type-small-size);line-height:var(--type-small-line);font-weight:var(--font-weight-medium);text-align:center}.c-story-circle__ring{position:relative;display:grid;place-items:center;width:calc(var(--space-raw-72) + var(--space-raw-2));padding:var(--space-raw-3);border:var(--border-width-selected) solid var(--color-border-selected);border-radius:var(--radius-round)}.c-story-circle__ring img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-round)}.c-story-circle__half{display:block;grid-row:1;width:100%;overflow:hidden}.c-story-circle__half:first-child{grid-column:1;border-start-start-radius:var(--radius-pill);border-end-start-radius:var(--radius-pill)}.c-story-circle__half:nth-child(2){grid-column:2;border-start-end-radius:var(--radius-pill);border-end-end-radius:var(--radius-pill)}.c-story-circle__ring:has(.c-story-circle__half){grid-template-columns:repeat(2,minmax(0,1fr))}.c-story-circle__half img{display:block;width:100%;height:100%;aspect-ratio:1 / 2;object-fit:cover;border-radius:0}.c-story-circle__ring .icon{position:absolute;width:var(--icon-lg);height:var(--icon-lg);color:var(--color-text-on-brand);filter:drop-shadow(var(--shadow-text))}.c-story-circles{display:flex;gap:var(--space-4);overflow-x:auto;scrollbar-width:none;padding:var(--space-1);margin:calc(var(--space-1) * -1)}.c-reel-tile{position:relative;display:block;inline-size:100%;overflow:hidden;padding:0;border:0;border-radius:var(--radius-md);background:var(--color-bg-subtle);box-shadow:var(--shadow-reel);color:var(--color-text-on-brand);cursor:pointer;text-align:start}.c-reel-tile--still{cursor:default}.c-reel-tile img,.c-reel-tile__film{display:block;inline-size:100%;block-size:auto;aspect-ratio:9 / 16;object-fit:cover}.c-reel-tile__film{position:absolute;top:0;right:0;bottom:0;left:0;block-size:100%;opacity:0;transition:opacity var(--duration-base) var(--ease-out)}.c-reel-tile__film.is-playing{opacity:1}.c-reel-tile__play{position:absolute;inset:50% auto auto 50%;display:grid;place-items:center;width:var(--space-raw-44);height:var(--space-raw-44);translate:-50% -50%;border-radius:var(--radius-round);background:color-mix(in srgb,var(--color-bg-page) 20%,transparent);color:var(--color-text-on-brand)}.c-reel-tile__play .icon{width:var(--icon-md);height:var(--icon-md)}.c-reel-tile__views{position:absolute;inset:auto auto var(--space-3) var(--space-3);display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--type-small-size);line-height:var(--type-small-line);text-shadow:var(--shadow-text)}.c-reel-tile__views .icon{width:var(--space-3);height:var(--space-3)}.c-reel-tile__pause{display:none}@media not (min-width:990px){.c-reel-tile__pause{position:absolute;inset-block-start:var(--space-3);inset-inline-end:var(--space-3);display:grid;place-items:center;box-sizing:border-box;width:var(--space-raw-36);height:var(--space-raw-36);padding:var(--space-raw-1) var(--space-raw-6);border:0;border-radius:var(--radius-pill);background:var(--color-glass);color:var(--color-text-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.c-reel-tile__pause:after{content:"";position:absolute;inset:calc((var(--space-raw-36) - var(--touch-target)) / 2)}.c-reel-tile__pause:before{content:"";width:var(--icon-sm);height:var(--icon-sm);background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 6.2C7 5.5 7.5 5 8.2 5H8.8C9.5 5 10 5.5 10 6.2V17.8C10 18.5 9.5 19 8.8 19H8.2C7.5 19 7 18.5 7 17.8V6.2ZM14 6.2C14 5.5 14.5 5 15.2 5H15.8C16.5 5 17 5.5 17 6.2V17.8C17 18.5 16.5 19 15.8 19H15.2C14.5 19 14 18.5 14 17.8V6.2Z'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 6.2C7 5.5 7.5 5 8.2 5H8.8C9.5 5 10 5.5 10 6.2V17.8C10 18.5 9.5 19 8.8 19H8.2C7.5 19 7 18.5 7 17.8V6.2ZM14 6.2C14 5.5 14.5 5 15.2 5H15.8C16.5 5 17 5.5 17 6.2V17.8C17 18.5 16.5 19 15.8 19H15.2C14.5 19 14 18.5 14 17.8V6.2Z'/%3E%3C/svg%3E") center / contain no-repeat}.c-reel-tile__pause[aria-pressed=true]:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5.6C8 4.8 8.9 4.3 9.6 4.8L18.6 11C19.2 11.4 19.2 12.6 18.6 13L9.6 19.2C8.9 19.7 8 19.2 8 18.4V5.6Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5.6C8 4.8 8.9 4.3 9.6 4.8L18.6 11C19.2 11.4 19.2 12.6 18.6 13L9.6 19.2C8.9 19.7 8 19.2 8 18.4V5.6Z'/%3E%3C/svg%3E")}.c-reel-tile__pause:focus-visible{outline:var(--focus-ring-width) solid transparent;outline-offset:var(--focus-ring-width);box-shadow:var(--shadow-focus)}}.c-reel-tile__pause[hidden]{display:none}@media(prefers-reduced-motion:reduce){.c-reel-tile__pause{display:none}}.c-carousel--reels{--carousel-gap: var(--space-4);grid-auto-columns:68%}@media(min-width:990px){.c-carousel--reels{grid-auto-columns:calc(var(--space-12) + var(--space-11))}}.c-clip-tile{display:grid;gap:var(--space-3);margin:0}.c-clip-tile__frame{position:relative;overflow:hidden;border-radius:var(--radius-md);background:var(--color-bg-subtle);aspect-ratio:9 / 16}.c-clip-tile__frame>*{width:100%;height:100%}.c-clip-tile__caption{display:grid;font-size:var(--type-small-size);line-height:var(--type-small-line);color:var(--color-text-secondary)}.c-clip-tile__name{font-weight:var(--font-weight-medium)}.c-before-after{display:grid;gap:var(--space-4)}.c-before-after__shot{position:relative;margin:0;overflow:hidden;border-radius:var(--radius-lg)}.c-before-after__shot img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}.c-before-after__label{position:absolute;inset:var(--space-3) auto auto var(--space-3);padding:var(--space-1) var(--space-raw-10);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-bg-inverse) 55%,transparent);color:var(--color-text-on-inverse);font-size:var(--space-raw-11);line-height:var(--kit-line-143);letter-spacing:calc(var(--space-raw-11) * .06);font-weight:var(--font-weight-medium);text-transform:uppercase;max-inline-size:calc(50% - var(--space-3) - var(--space-2));overflow-wrap:anywhere}.c-before-after__compare{display:none}@media(min-width:990px){.c-before-after{grid-template-columns:repeat(3,1fr)}}@media not (min-width:990px){.c-before-after__row{display:none}.c-before-after__compare{--split: 50%;position:relative;display:block;overflow:hidden;border-radius:var(--radius-lg);touch-action:pan-y;cursor:ew-resize;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.c-before-after__compare img{pointer-events:none;-webkit-user-drag:none}.c-before-after__compare .c-before-after__label{transition:opacity var(--duration-fast) ease}@media(prefers-reduced-motion:reduce){.c-before-after__compare .c-before-after__label{transition:none}}.c-before-after__compare .c-before-after__label.is-covered{opacity:0}.c-before-after__compare img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}.c-before-after__top{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.c-before-after__top .c-before-after__label{inset-inline:var(--space-3) auto}.c-before-after__compare>.c-before-after__label{inset-inline:auto var(--space-3)}.c-before-after__line{position:absolute;inset-block:0;inset-inline-start:var(--split);width:var(--border-width-selected);background:var(--color-bg-page);pointer-events:none}.c-before-after__handle{position:absolute;inset-block-start:50%;inset-inline-start:var(--split);display:grid;place-items:center;width:var(--space-raw-40);height:var(--space-raw-40);translate:-50% -50%;border-radius:var(--radius-round);background:var(--color-bg-page);color:var(--color-icon-default);box-shadow:var(--shadow-badge);pointer-events:none}.c-before-after__handle .icon{width:var(--icon-md);height:var(--icon-md)}.c-before-after__range:focus-visible+.c-before-after__handle{box-shadow:var(--shadow-focus)}}.c-story{padding:0;background:var(--color-bg-inverse);color:var(--color-text-on-inverse)}.c-story{--story-width: min(calc(var(--space-12) * 2 + var(--space-11) - var(--space-raw-20)), calc(100vw - 2 * var(--space-5)), 50.625dvh )}.c-story.c-dialog--modal{width:100vw;height:100dvh;max-width:none;max-height:none;border-radius:0;overflow:visible;background:transparent;box-shadow:none}.c-story.c-dialog--modal[open]{display:grid}.c-story.c-dialog--modal{place-items:center}html:has(dialog.c-story[open]) video:not(.c-story video){visibility:hidden}.c-story.c-dialog::backdrop{background:color-mix(in srgb,var(--color-bg-inverse) 70%,transparent)}.c-story__panel{position:relative;width:var(--story-width);height:auto;aspect-ratio:9 / 16;overflow:hidden;border-radius:var(--radius-md);background:var(--color-bg-inverse)}.c-story__slide{position:absolute;top:0;right:0;bottom:0;left:0}.c-story__slide>:first-child,.c-story__slide gd-film,.c-story__slide .c-film__frame{width:100%;height:100%}.c-story__slide img,.c-story__slide video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.c-story__slide gd-film button{display:none}.c-story__head{position:absolute;inset:0 0 auto;z-index:var(--z-raised);display:grid;gap:var(--space-2);padding:var(--space-3) calc(var(--space-6) + var(--space-4)) var(--space-6) var(--space-3);background:linear-gradient(to bottom,color-mix(in srgb,var(--color-bg-inverse) 45%,transparent),transparent);pointer-events:none}.c-story__bars{display:flex;gap:var(--space-1)}.c-story__bar{flex:1;height:var(--border-width-selected);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-text-on-inverse) 40%,transparent);overflow:hidden}.c-story__bar:after{content:"";display:block;width:var(--progress, 0%);height:100%;background:var(--color-text-on-inverse)}.c-story__title{min-width:0;color:var(--color-text-on-inverse);margin:0;font-size:var(--type-small-size);line-height:var(--type-small-line);font-weight:var(--font-weight-medium);text-shadow:var(--shadow-text)}.c-story__tools{position:absolute;inset:var(--space-3) var(--space-3) auto auto;z-index:var(--z-raised);display:grid;gap:var(--space-2)}.c-story__tool.icon-btn{width:var(--space-6);height:var(--space-6);border:0;background:color-mix(in srgb,var(--color-bg-inverse) 40%,transparent);-webkit-backdrop-filter:blur(calc(var(--blur-glass) / 2));backdrop-filter:blur(calc(var(--blur-glass) / 2));color:var(--color-text-on-inverse)}.c-story__tool.icon-btn:after{content:"";position:absolute;inset:calc((var(--space-6) - var(--touch-target)) / 2)}.c-story__tool{position:relative}.c-story__tool .icon{width:var(--icon-sm);height:var(--icon-sm)}.c-story__tool .c-story__when-paused,.c-story__tool[data-paused] .c-story__when-playing{display:none}.c-story__tool[data-paused] .c-story__when-paused{display:block}.c-story__tool .c-story__when-off,.c-story__tool[aria-pressed=false] .c-story__when-on{display:none}.c-story__tool[aria-pressed=false] .c-story__when-off{display:block}.c-story__tool[data-mute-label]:not(.is-sound-on) .c-story__when-on{display:none}.c-story__tool[data-mute-label]:not(.is-sound-on) .c-story__when-off{display:block}.c-story__slide .c-story__thumb{position:absolute;inset:calc(var(--space-3) + var(--space-5)) auto auto var(--space-3);z-index:var(--z-raised);width:var(--space-raw-28);height:var(--space-raw-28);object-fit:cover;border-radius:var(--radius-round);box-shadow:0 0 0 var(--border-width-selected) var(--color-bg-page),0 0 0 var(--space-1) var(--color-bg-brand)}.c-story__panel:has(.c-story__slide:not([hidden]) .c-story__thumb) .c-story__title{padding-inline-start:calc(var(--space-raw-28) + var(--space-5));min-height:var(--space-raw-28);display:flex;align-items:center}.c-story__caption{position:absolute;color:var(--color-text-on-inverse);inset:auto 0 0;z-index:var(--z-raised);margin:0;padding:var(--space-6) var(--space-4) var(--space-4);font-size:var(--type-small-size);line-height:var(--type-small-line);text-shadow:var(--shadow-text-strong);background:linear-gradient(to top,color-mix(in srgb,var(--color-bg-inverse) 45%,transparent),transparent);pointer-events:none}.c-story__nav{display:none}@media(min-width:990px){.c-story__nav{position:absolute;inset-block-start:50%;z-index:var(--z-raised);display:inline-grid;translate:0 -50%}.c-story__nav--prev{inset-inline-start:calc(50% - var(--story-width) / 2 - var(--space-raw-30))}.c-story__nav--next{inset-inline-end:calc(50% - var(--story-width) / 2 - var(--space-raw-30))}}@media(prefers-reduced-motion:reduce){.c-story__bar:after{transition:none}}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/c-media.css.map */