@layer sb.effects{@keyframes sb-angle-spin{to{--sb-angle: 360deg}}.glass:before{animation:sb-angle-spin 14s linear infinite;animation-delay:var(--sb-spin-delay, 0s)}@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%}}@supports (background-clip: border-area){.glass:before,.chip-quote:after{padding:0;border:1px solid transparent;background-origin:border-box;background-clip:border-area;-webkit-mask:none;mask:none}}@supports (-webkit-touch-callout: none) and (not (background-clip: border-area)){.glass:before{padding:0;border:1px solid var(--line-strong);background:none;-webkit-mask:none;mask:none;animation:none}.chip-quote:after{display:none}}@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%}}@media(max-width:1023px){.sb-reveal{animation:none!important;opacity:1;translate:none}}.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%)}}@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}}}.sb-compare-card{min-width:0;overflow-wrap:anywhere}.sb-compare-card .sb-row{flex-wrap:wrap}.sb-compare-card .sb-badge{white-space:normal;max-width:100%}.sb-compare-card dl,.sb-compare-card dd{min-width:0}
/*# sourceMappingURL=/cdn/shop/t/223/assets/sb-effects.css.map */