@view-transition{navigation:auto}@layer sb.effects{@keyframes sb-angle-spin{to{--sb-angle: 360deg}}.glass:before{animation:sb-angle-spin 14s linear infinite}@keyframes sb-quote-pulse{0%{--sb-angle: 0deg;opacity:1}to{--sb-angle: 360deg;opacity:0}}.chip-quote:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--sb-angle),transparent 0 70%,currentColor 85%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;pointer-events:none;z-index:-1}.chip-quote.is-pulsing:after{animation:sb-quote-pulse var(--dur-3) var(--ease-glass) 1 forwards}@supports (animation-timeline: view()){.chip-quote:after{animation:sb-quote-pulse var(--dur-3) var(--ease-glass) 1 forwards;animation-timeline:view();animation-range:entry 60% entry 100%}}@keyframes sb-scan{0%{background-position:0 -60%}to{background-position:0 160%}}.sb-verschluss__scan{animation:sb-scan 4.8s var(--ease-glass) infinite}@keyframes sb-wipe{0%{clip-path:inset(0 0 0 0);opacity:1}to{clip-path:inset(0 0 0 100%);opacity:0}}@supports (animation-timeline: view()){@keyframes sb-reveal{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}.sb-reveal{animation:sb-reveal linear both;animation-timeline:view();animation-range:entry 0% entry 35%}}.btn-primary.is-magnetic{transition:translate var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out)}.sb-field--css #sb-field{display:none}.sb-field--css body:before,.sb-field--css body:after{content:"";position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:-1;pointer-events:none}.sb-field--css body:before{background:radial-gradient(40% 35% at 20% 20%,color-mix(in oklch,var(--violet) 55%,transparent),transparent 70%),radial-gradient(35% 30% at 80% 30%,color-mix(in oklch,var(--pulse) 30%,transparent),transparent 70%);filter:blur(40px)}.sb-field--css body:after{background:radial-gradient(45% 40% at 60% 85%,color-mix(in oklch,var(--ion-deep) 35%,transparent),transparent 70%);filter:blur(50px)}@supports (animation-timeline: scroll()){@keyframes sb-field-drift-a{0%{translate:0 0;rotate:0deg}to{translate:-6% 10%;rotate:8deg}}@keyframes sb-field-drift-b{0%{translate:0 0}to{translate:8% -12%}}.sb-field--css body:before{animation:sb-field-drift-a linear both;animation-timeline:scroll(root)}.sb-field--css body:after{animation:sb-field-drift-b linear both;animation-timeline:scroll(root)}}@supports not (color: color-mix(in oklch,red,blue)){.sb-field--css body:before{background:radial-gradient(40% 35% at 20% 20%,rgba(134,74,210,.55),transparent 70%),radial-gradient(35% 30% at 80% 30%,rgba(251,72,206,.3),transparent 70%)}.sb-field--css body:after{background:radial-gradient(45% 40% at 60% 85%,rgba(0,166,183,.35),transparent 70%)}}main{view-transition-name:sb-main}::view-transition-old(sb-main){animation:sb-vt-out var(--dur-1) var(--ease-glass) both}::view-transition-new(sb-main){animation:sb-vt-in var(--dur-2) var(--ease-out) both}@keyframes sb-vt-out{to{opacity:0}}@keyframes sb-vt-in{0%{opacity:0;translate:0 8px}}::view-transition-group(sb-dock),::view-transition-group(sb-dock-indicator){animation-duration:var(--dur-2)}@keyframes sb-glitch{0%{translate:0 0;clip-path:inset(0)}20%{translate:-3px 0;clip-path:inset(10% 0 60% 0)}40%{translate:3px 0;clip-path:inset(50% 0 20% 0)}60%{translate:-2px 0;clip-path:inset(30% 0 40% 0)}to{translate:0 0;clip-path:inset(0)}}.sb-404 .sb-logo svg{animation:sb-glitch .48s steps(1) 1 .3s}@media(prefers-reduced-motion:reduce){.glass:before,.chip-quote:after,.sb-verschluss__scan,.sb-reveal,.sb-field--css body:before,.sb-field--css body:after,.sb-404 .sb-logo svg{animation:none!important}.sb-reveal{opacity:1;translate:none}.chip-quote:after{display:none}.tip-card.is-unlocking .sb-verschluss{animation:none!important;display:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}}
/*# sourceMappingURL=/cdn/shop/t/192/assets/sb-effects.css.map */