.uc-story-sticky{--uc-story-top: calc(var(--header-height, 64px) + 12px)}.uc-story-sticky__head{display:grid;gap:1rem;max-width:40rem;margin-bottom:clamp(32px,5vw,72px)}.uc-story-sticky__grid{display:grid;grid-template-columns:minmax(0,1fr);position:relative}.uc-story-sticky__visual{position:sticky;top:var(--uc-story-top);z-index:2;height:min(42svh,380px);padding-bottom:4px;background:linear-gradient(to bottom,var(--uc-bg, var(--c-linnen)) 88%,transparent)}.uc-story-sticky__visual.is-stuck:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:calc(var(--uc-story-top) + 4px);background:var(--uc-bg, var(--c-linnen))}.uc-story-sticky__frame{position:relative;height:100%;border-radius:var(--uc-radius-lg);background:var(--uc-story-tile, var(--c-zand));overflow:hidden;isolation:isolate;box-shadow:inset 0 0 0 1px rgb(var(--c-bos-rgb) / .04)}.uc-story-sticky__frame:before{content:"";position:absolute;top:12%;right:14%;bottom:12%;left:14%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,rgb(255 255 255 / .42),transparent)}.uc-story-sticky__image{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:scale(1.045);transition:opacity .7s var(--uc-ease-out),transform 1.1s var(--uc-ease-out)}.uc-story-sticky__image.is-active{opacity:1;transform:none}.uc-story-sticky__image img,.uc-story-sticky__image svg{width:100%;height:100%;object-fit:contain;padding:8% 10%;filter:drop-shadow(0 24px 28px rgb(var(--c-bos-rgb) / .16))}.uc-story-sticky__frame--cover .uc-story-sticky__image img,.uc-story-sticky__image.is-photo img{object-fit:cover;padding:0;filter:none}.uc-story-sticky__placeholder{fill:rgb(var(--c-bos-rgb) / .25)}.uc-story-sticky__dots{position:absolute;left:16px;bottom:16px;display:flex;gap:6px;list-style:none;margin:0;padding:0}.uc-story-sticky__dots li{width:18px;height:3px;border-radius:3px;background:rgb(var(--c-bos-rgb) / .18);transition:background-color var(--uc-dur) var(--uc-ease-out),width var(--uc-dur) var(--uc-ease-out)}.uc-story-sticky__dots li.is-active{width:36px;background:var(--c-bos)}.uc-story-sticky__counter{position:absolute;top:14px;right:16px;margin:0;padding:4px 10px;border-radius:var(--uc-radius-pill);background:rgb(var(--c-linnen-rgb) / .7);color:var(--c-bos);font-size:.75rem;letter-spacing:.06em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.uc-story-sticky__steps{list-style:none;margin:0;padding:0;position:relative;z-index:1}.uc-story-sticky__step{--uc-story-frame: min(42svh, 380px);min-height:60svh}.uc-story-sticky__step:last-child{min-height:0;padding-bottom:8svh}.uc-story-sticky__card{position:sticky;top:calc(var(--uc-story-top) + var(--uc-story-frame, 380px) + 4px);padding-block:20px 12px;background:var(--uc-bg, var(--c-linnen));display:grid;gap:.875rem;max-width:34rem;opacity:1;transform:translateY(8px);transition:opacity .5s var(--uc-ease-out),transform .7s var(--uc-ease-out)}.uc-story-sticky__step.is-active .uc-story-sticky__card{opacity:1;transform:none}.uc-story-sticky__label{display:inline-flex;align-items:center;gap:.6em;margin:0;font-size:.8125rem;letter-spacing:.06em;color:var(--uc-accent-text, var(--c-cognac-tekst))}.uc-story-sticky__label svg{width:18px;height:18px}.uc-story-sticky__num{display:inline-grid;place-items:center;min-width:2.25em;height:1.9em;padding-inline:.5em;border-radius:var(--uc-radius-pill);box-shadow:inset 0 0 0 1px currentColor}.uc-story-sticky__title{font-size:clamp(1.75rem,1.2rem + 2.4vw,3.25rem);line-height:1;letter-spacing:-.035em}.uc-story-sticky__text{color:var(--uc-muted, inherit);font-size:clamp(1rem,.95rem + .25vw,1.125rem)}.uc-story-sticky__text p{margin:0}.uc-story-sticky__specs{margin-top:.25rem}.uc-story-sticky__cta{display:flex;justify-content:flex-start;margin-top:clamp(24px,3vw,40px)}@media(min-width:990px){.uc-story-sticky{--uc-story-top: calc(var(--header-height, 72px) + 32px)}.uc-story-sticky__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);column-gap:clamp(48px,6vw,112px)}.uc-story-sticky__visual{grid-column:2;grid-row:1;height:calc(100dvh - var(--uc-story-top) - 32px);max-height:820px;padding:0;background:none}.uc-story-sticky__visual.is-stuck:before{content:none}.uc-story-sticky__steps{grid-column:1;grid-row:1}.uc-story-sticky__step,.uc-story-sticky__step:first-child,.uc-story-sticky__step:last-child{display:flex;min-height:calc(100dvh - var(--uc-story-top) - 32px);max-height:820px;align-items:center;padding:0}.uc-story-sticky__card{position:static;padding:0;background:none;transform:translateY(24px)}.uc-story-sticky__dots{left:24px;bottom:24px}.uc-story-sticky__counter{top:20px;right:24px}.uc-story-sticky__cta{margin-top:0}}@media(prefers-reduced-motion:reduce){.uc-story-sticky__image,.uc-story-sticky__card{transition:none;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/uc-sticky-story.css.map */