.story-highlights__inner{display:block}.story-highlights__circles{position:relative;display:flex;gap:var(--space-4);margin-block:0 var(--space-5);margin-inline:calc(var(--page-margin) * -1);padding-block:var(--space-1) var(--space-2);padding-inline:var(--page-margin);overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;list-style:none}.story-highlights__circles::-webkit-scrollbar{display:none}.story-highlights__circle-item{flex:none}@property --story-ring-angle{syntax: "<angle>"; inherits: false; initial-value: 210deg;}.story-circle{--story-ring: 4.75rem;display:grid;justify-items:center;gap:.125rem;inline-size:calc(var(--story-ring) + 1rem);padding:0;border:0;font:inherit;text-align:center;color:inherit;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.story-circle__ring{display:block;inline-size:var(--story-ring);block-size:var(--story-ring);margin-block-end:var(--space-2);padding:3px;border-radius:50%;background-image:conic-gradient(from var(--story-ring-angle),var(--color-accent),var(--color-button),var(--color-blush-300),var(--color-button),var(--color-accent));transition:--story-ring-angle .9s var(--ease-out),transform var(--dur-1) var(--ease-out)}.story-circle__cover{display:block;inline-size:100%;block-size:100%;overflow:hidden;border:3px solid var(--color-background);border-radius:50%;background-color:var(--color-well)}.story-circle__image,.story-circle__cover>.placeholder-svg{display:block;inline-size:100%;block-size:100%;object-fit:cover}.story-circle[data-seen] .story-circle__ring{padding:2px;background-image:none;background-color:var(--color-border)}.story-circle[data-seen] .story-circle__cover{border-width:4px}.story-circle--empty{cursor:default}.story-circle--empty .story-circle__ring{padding:0;border:2px dashed var(--color-input-border);background-image:none}.story-circle__label{max-inline-size:100%;overflow:hidden;font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.story-circle__count{font-size:var(--text-2xs);line-height:1.25;color:var(--color-text-muted)}.story-circle:focus-visible{outline:none}.story-circle:focus-visible .story-circle__ring{outline:2px solid var(--color-focus);outline-offset:3px}.story-rail{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:42%;gap:var(--space-4);margin-block:0;margin-inline:calc(var(--page-margin) * -1);padding-block:var(--space-2) var(--space-4);padding-inline:var(--page-margin);overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--page-margin);list-style:none}.story-rail__item{display:flex;min-inline-size:0;scroll-snap-align:start}.story-shot{display:grid;align-content:start;gap:var(--space-2);inline-size:100%;padding:0;border:0;font:inherit;text-align:start;color:inherit;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.story-shot__phone{position:relative;display:block;padding:5px;border:1px solid var(--color-border);border-radius:1.625rem;background-color:var(--color-surface);box-shadow:var(--elev-1);transition:transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out)}.story-shot__phone:before{content:"";position:absolute;inset-block-start:5px;inset-inline:0;z-index:1;inline-size:32%;block-size:.6875rem;margin-inline:auto;border-radius:0 0 .625rem .625rem;background-color:var(--color-surface)}.story-shot__screen{position:relative;display:block;aspect-ratio:9 / 16;overflow:hidden;border-radius:1.3125rem;background-color:var(--color-well)}.story-shot__image,.story-shot__screen>.placeholder-svg{display:block;inline-size:100%;block-size:100%;object-fit:cover;object-position:top center}.story-shot__tag{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);min-inline-size:0;padding-inline:var(--space-1);font-size:var(--text-xs);line-height:1.3}.story-shot__label{overflow:hidden;font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap}.story-shot__index{flex:none;font-variant-numeric:tabular-nums;color:var(--color-text-muted)}.story-shot:focus-visible{outline:none}.story-shot:focus-visible .story-shot__phone{outline:2px solid var(--color-focus);outline-offset:3px}.story-highlights__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3) var(--space-5);margin-block-start:var(--space-5)}.story-highlights__caption{display:inline-flex;align-items:center;gap:var(--space-2);margin:0;font-size:var(--text-sm);color:var(--color-text-muted)}.story-highlights__caption .icon{flex:none;color:var(--color-accent)}.story-highlights__cta{min-block-size:44px}.story-quotes{position:relative;display:grid;grid-auto-columns:min(84%,21rem);grid-auto-flow:column;align-items:stretch;gap:var(--space-3);margin-block:0;margin-inline:calc(var(--page-margin) * -1);padding-block:var(--space-1) var(--space-3);padding-inline:var(--page-margin);overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--page-margin);scrollbar-width:none;list-style:none}.story-quotes::-webkit-scrollbar{display:none}.story-quote{display:flex;flex-direction:column;gap:var(--space-3);min-inline-size:0;padding:var(--space-4) var(--space-4) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-card);scroll-snap-align:start}.story-quote__figure{display:grid;gap:var(--space-3);margin:0}.story-quote__quote{margin:0}.story-quote__text{display:-webkit-box;margin:0;overflow:hidden;font-size:var(--text-base);line-height:1.5;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:5}.story-quote__text[lang=ar]{font-size:1.0625rem;line-height:1.75}.story-quote__translation{margin:0;font-size:var(--text-sm);color:var(--color-text-muted)}.story-quote__translation-toggle{display:inline-flex;align-items:center;gap:var(--space-2);min-block-size:2rem;font-size:var(--text-2xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;list-style:none}.story-quote__translation-toggle::-webkit-details-marker{display:none}.story-quote__translation-toggle:after{content:"";inline-size:.4375rem;block-size:.4375rem;border-block-end:1.5px solid currentColor;border-inline-end:1.5px solid currentColor;translate:0 -.125rem;rotate:45deg}.story-quote__translation[open] .story-quote__translation-toggle:after{translate:0 .125rem;rotate:225deg}.story-quote__translation-text{margin:var(--space-1) 0 0;padding-inline-start:var(--space-3);border-inline-start:2px solid var(--color-border);line-height:1.45}.story-quote__meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted)}.story-quote__meta .icon{flex:none}.story-quote__open{display:inline-flex;align-items:center;align-self:flex-start;gap:var(--space-2);min-block-size:44px;margin-block-start:auto;padding:0;border:0;font:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;background:none;cursor:pointer}.story-quote__open:hover{text-decoration-thickness:2px}@media screen and (min-width:990px){.story-quotes{grid-auto-columns:calc((100% - 3 * var(--space-4)) / 3.35);gap:var(--space-4);margin-inline:0;padding-inline:0;scroll-padding-inline:0}}.story-highlights__onboarding,.story-highlights__editor-note{margin-block:var(--space-4) 0;padding:var(--space-5);border:1px dashed var(--color-input-border);border-radius:var(--radius-card);color:var(--color-text-muted)}.story-viewer__panel{inline-size:100%;block-size:100%;max-inline-size:100%;max-block-size:100%;margin:0;padding:0;overflow:hidden;border:0;color:var(--color-text);background-color:var(--color-background);background-image:radial-gradient(120% 70% at 50% 0%,color-mix(in srgb,var(--color-text) 12%,transparent),transparent 70%)}.story-viewer__panel[open]{display:block}.story-viewer__panel::backdrop{background-color:var(--scrim, transparent)}.story-viewer__frame{position:relative;inline-size:100%;block-size:100%;overflow:hidden;background-color:color-mix(in srgb,var(--color-background) 90%,var(--color-text));touch-action:pinch-zoom;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.story-viewer__group{position:absolute;top:0;right:0;bottom:0;left:0}.story-viewer__group[hidden],.story-viewer__slide[hidden],.story-viewer__control[hidden]{display:none}.story-viewer__head{position:absolute;inset-block-start:0;inset-inline:0;z-index:2;padding-block:calc(var(--space-2) + env(safe-area-inset-top)) var(--space-6);padding-inline:var(--space-3);background-image:linear-gradient(to bottom,color-mix(in srgb,var(--color-background) 78%,transparent),transparent);pointer-events:none;transition:opacity var(--dur-2) var(--ease-out)}.story-viewer__bars{display:flex;gap:.25rem;margin:0;padding:0;list-style:none}.story-viewer__segment{position:relative;flex:1 1 0;block-size:3px;overflow:hidden;border-radius:var(--radius-pill);background-color:color-mix(in srgb,var(--color-text) 34%,transparent)}.story-viewer__fill{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-text);transform:scaleX(var(--story-progress, 0));transform-origin:left center}.story-viewer__fill:dir(rtl){transform-origin:right center}[dir=rtl] .story-viewer__fill{transform-origin:right center}.story-viewer__meta{display:flex;align-items:center;gap:var(--space-2);min-block-size:44px;margin-block-start:var(--space-2);padding-inline-end:calc(88px + var(--space-3))}.story-viewer__avatar{flex:none;inline-size:2rem;block-size:2rem;overflow:hidden;border-radius:50%;background-color:var(--color-well);box-shadow:0 0 0 2px var(--color-text)}.story-viewer__avatar-image,.story-viewer__avatar>.placeholder-svg{display:block;inline-size:100%;block-size:100%;object-fit:cover}.story-viewer__title{min-inline-size:0;margin:0;overflow:hidden;font-family:var(--font-body);font-size:var(--text-sm);font-weight:700;line-height:1.2;letter-spacing:0;text-overflow:ellipsis;text-transform:none;white-space:nowrap}.story-viewer__counter{flex:none;font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:color-mix(in srgb,var(--color-text) 80%,transparent)}.story-viewer__track,.story-viewer__slide{position:absolute;top:0;right:0;bottom:0;left:0}.story-viewer__slide{display:grid;place-items:center;margin:0}.story-viewer__image,.story-viewer__slide>.placeholder-svg{display:block;inline-size:100%;block-size:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none}.story-viewer__caption{position:absolute;inset-block-end:0;inset-inline:0;z-index:2;margin:0;padding-block:var(--space-8) calc(var(--space-5) + env(safe-area-inset-bottom));padding-inline:var(--space-4);font-size:var(--text-base);font-weight:var(--weight-medium);line-height:1.4;text-wrap:pretty;background-image:linear-gradient(to top,color-mix(in srgb,var(--color-background) 90%,transparent),transparent);pointer-events:none;transition:opacity var(--dur-2) var(--ease-out)}bk-story-viewer[data-holding] .story-viewer__head,bk-story-viewer[data-holding] .story-viewer__caption,bk-story-viewer[data-holding] .story-viewer__controls{opacity:0}.story-viewer__zones{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.story-viewer__zone{position:absolute;inset-block:0}.story-viewer__zone--prev{inset-inline-start:0;inline-size:33.333%}.story-viewer__zone--next{inset-inline-end:0;inline-size:66.667%}.story-viewer__controls{position:absolute;inset-block-start:calc(env(safe-area-inset-top) + var(--space-2) + 3px + var(--space-2));inset-inline-end:var(--space-2);z-index:4;display:flex;gap:var(--space-1);transition:opacity var(--dur-2) var(--ease-out)}.story-viewer__control{display:grid;place-items:center;inline-size:44px;block-size:44px;padding:0;border:0;border-radius:50%;color:var(--color-text);background-color:color-mix(in srgb,var(--color-background) 45%,transparent);cursor:pointer;transition:background-color var(--dur-1) var(--ease-out)}.story-viewer__control:hover{background-color:color-mix(in srgb,var(--color-text) 18%,transparent)}.story-viewer__control:focus-visible,.story-viewer__nav:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.story-viewer__glyph--play,bk-story-viewer[data-paused] .story-viewer__glyph--pause{display:none}bk-story-viewer[data-paused] .story-viewer__glyph--play{display:block;translate:1px 0}.story-viewer__loading{position:absolute;inset-block-start:50%;inset-inline-start:50%;z-index:1;display:none;inline-size:2rem;block-size:2rem;margin:-1rem;border:3px solid color-mix(in srgb,var(--color-text) 30%,transparent);border-block-start-color:var(--color-text);border-radius:50%;pointer-events:none}bk-story-viewer[data-loading] .story-viewer__loading{display:block}.story-viewer__nav{position:absolute;inset-block-start:50%;z-index:5;display:grid;place-items:center;inline-size:48px;block-size:48px;margin-block-start:-24px;padding:0;border:0;border-radius:50%;color:var(--color-text);background-color:color-mix(in srgb,var(--color-text) 16%,transparent);cursor:pointer;transition:background-color var(--dur-1) var(--ease-out)}.story-viewer__nav:hover{background-color:color-mix(in srgb,var(--color-text) 26%,transparent)}.story-viewer__nav--prev{inset-inline-start:var(--space-3)}.story-viewer__nav--next{inset-inline-end:var(--space-3)}.story-viewer__nav-glyph--prev{rotate:180deg}@media screen and (max-width:749px){.story-viewer__nav:not(:focus-visible){inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}}@media(prefers-reduced-motion:no-preference){.story-circle:hover .story-circle__ring{--story-ring-angle: 390deg}.story-circle:active .story-circle__ring{transform:scale(.95)}.story-viewer__panel[open]{animation:story-viewer-open var(--dur-3) var(--ease-expo)}.story-viewer__group[data-enter=next]{animation:story-viewer-next var(--dur-3) var(--ease-expo)}.story-viewer__group[data-enter=prev]{animation:story-viewer-prev var(--dur-3) var(--ease-expo)}.story-viewer__slide[data-enter=fade]{animation:story-viewer-fade var(--dur-2) var(--ease-out)}.story-viewer__frame:not([data-dragging]){transition:translate var(--dur-2) var(--ease-out),scale var(--dur-2) var(--ease-out)}bk-story-viewer[data-loading] .story-viewer__loading{animation:story-viewer-spin .8s linear infinite}}@keyframes story-viewer-open{0%{opacity:0;transform:scale(.97)}}@keyframes story-viewer-next{0%{opacity:0;transform:translate(calc(2.5rem * var(--story-dir, 1)))}}@keyframes story-viewer-prev{0%{opacity:0;transform:translate(calc(-2.5rem * var(--story-dir, 1)))}}@keyframes story-viewer-fade{0%{opacity:.2}}@keyframes story-viewer-spin{to{rotate:1turn}}@media(hover:hover)and (prefers-reduced-motion:no-preference){.story-shot:hover .story-shot__phone{box-shadow:var(--elev-2);transform:translateY(-4px)}}@media(forced-colors:active){.story-circle__ring,.story-shot__phone,.story-viewer__control,.story-viewer__nav{border:1px solid CanvasText}.story-viewer__fill{background-color:CanvasText}}@media screen and (min-width:750px){.story-circle{--story-ring: 5.5rem}.story-highlights__circles{gap:var(--space-5);margin-block-end:var(--space-6)}.story-rail{grid-auto-columns:26%;gap:var(--space-5)}.story-highlights__footer{margin-block-start:var(--space-6)}.story-viewer__panel[open]{display:flex;align-items:center;justify-content:center;gap:var(--space-6)}.story-viewer__frame{inline-size:auto;block-size:min(100dvh - 3rem,56rem);aspect-ratio:9 / 16;border-radius:var(--radius-lg);box-shadow:var(--elev-2)}.story-viewer__nav{position:static;flex:none;margin:0}}@media screen and (min-width:990px){.story-highlights__circles{margin-inline:0;padding-inline:0}.story-rail{grid-auto-columns:calc((100% - var(--space-5) * 5) / 6);margin-inline:0;padding-inline:0;scroll-padding-inline:0}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-story-highlights.css.map */