.component-frame[data-astro-cid-uwy7yrup]{min-height:100%}.component-frame__stage[data-astro-cid-uwy7yrup]{margin-inline:auto}.component-frame__stage--centered[data-astro-cid-uwy7yrup]{width:fit-content;max-width:100%}.liquid-button[data-astro-cid-eowcfzd2]:before,.liquid-button[data-astro-cid-eowcfzd2]:after{content:"";position:absolute;top:50%;left:50%;width:300%;height:300%;background:#fff0;transition:all .7s ease;border-radius:40%;z-index:0}.bubble[data-astro-cid-eowcfzd2]{position:absolute;bottom:-50px;border-radius:50%;animation:bubble-rise 4s infinite ease-in-out}.bubble-1[data-astro-cid-eowcfzd2]{width:10px;height:10px;left:20%;animation-duration:4s}.bubble-2[data-astro-cid-eowcfzd2]{width:15px;height:15px;left:35%;animation-duration:5s}.bubble-3[data-astro-cid-eowcfzd2]{width:20px;height:20px;left:50%;animation-duration:3.5s}.bubble-4[data-astro-cid-eowcfzd2]{width:12px;height:12px;left:65%;animation-duration:4.5s}.bubble-5[data-astro-cid-eowcfzd2]{width:12px;height:12px;left:75%;animation-duration:5.5s}.bubble-6[data-astro-cid-eowcfzd2]{width:12px;height:12px;left:85%;animation-duration:6.5s}@keyframes bubble-rise{0%{bottom:-30px;opacity:0}50%{opacity:1}to{bottom:100%;opacity:0}}.black-friday-component{--bf-accent: var(--primary, #f49b2b);--count: 0;--days: 31;--hours: 24;--minutes: 60;--seconds: 60;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1rem;width:fit-content;margin-inline:auto;padding-inline:2.5rem}.black-friday-component .coupon{display:flex;flex-direction:row;align-items:center;justify-content:space-between;overflow:hidden;border:1px solid var(--bf-accent);border-radius:12px;background:color-mix(in oklab,var(--card, #1a1a1a) 92%,var(--bf-accent) 8%);scale:.85;transform-origin:bottom center}@media(min-width:768px){.black-friday-component .coupon{scale:1}}.black-friday-component .coupon:hover .content h3>span{animation:bf-jump .15s ease-out 1 normal both}.black-friday-component .coupon:hover .content h3>span:nth-of-type(1){animation-delay:.03s}.black-friday-component .coupon:hover .content h3>span:nth-of-type(2){animation-delay:.06s}.black-friday-component .coupon:hover .content h3>span:nth-of-type(3){animation-delay:.09s}.black-friday-component .coupon:hover .content h3>span:nth-of-type(4){animation-delay:.12s}.black-friday-component .coupon:hover .content h3>span:nth-of-type(5){animation-delay:.15s}.black-friday-component .coupon:hover .content h3>span:nth-of-type(6){animation-delay:.18s}.black-friday-component .coupon:hover .content h3>span:nth-of-type(7){animation-delay:.21s}.black-friday-component .coupon:hover .content h3>span:nth-of-type(8){animation-delay:.24s}.black-friday-component .coupon:hover .content h3>span:nth-of-type(9){animation-delay:.27s}.black-friday-component .coupon:hover .content h3>span:nth-of-type(10){animation-delay:.3s}.black-friday-component .coupon:hover .content h3>span:nth-of-type(11){animation-delay:.33s}.black-friday-component .coupon:hover .content h3>span:nth-of-type(12){animation-delay:.36s}.black-friday-component .coupon .box{display:flex;height:100%;width:130px;flex-direction:column;align-items:center;justify-content:center;padding:1rem;color:#fff;background:linear-gradient(145deg,var(--bf-accent),color-mix(in oklab,var(--bf-accent),#000 28%))}.black-friday-component .coupon .box span{display:block;font-size:1.8rem;font-weight:700}.black-friday-component .coupon .diver{display:block;width:0;height:160px;border:3px dashed transparent;border-right-color:var(--bf-accent)}.black-friday-component .coupon .content{width:min(330px,100%);height:100%;flex:1;padding:1rem;color:#fff}.black-friday-component .coupon .content h3{display:flex;height:34px;align-items:center;justify-content:flex-start;margin-bottom:1rem;font-size:2rem;font-weight:600}.black-friday-component .coupon .content h3 span.end{width:30px}.black-friday-component .coupon .content p{font-size:1rem;font-weight:400;font-style:normal;line-height:1.25rem;color:#959595}.black-friday-component .coupon .content p strong{color:var(--bf-accent)}.black-friday-component .coupon .content p a{font-style:italic;font-weight:bolder;color:var(--bf-accent);text-decoration:underline;text-decoration-color:var(--bf-accent);text-transform:capitalize;text-underline-offset:.05rem;word-spacing:.03rem}.black-friday-component .timer{display:flex;width:calc(244px + 0rem);flex-direction:row;justify-content:space-between;gap:0;overflow:hidden;text-align:center}.black-friday-component .timer .colon{width:8px;color:#fff;font-size:2rem}.black-friday-component .timer .item{width:55px;height:fit-content;text-align:center}.black-friday-component .timer .item .days,.black-friday-component .timer .item .hours,.black-friday-component .timer .item .minutes,.black-friday-component .timer .item .seconds{width:55px;height:40px;overflow:hidden;text-align:center}.black-friday-component .timer .item .day,.black-friday-component .timer .item .hour,.black-friday-component .timer .item .min,.black-friday-component .timer .item .sec{display:flex;height:fit-content;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center}.black-friday-component .timer .item .day span,.black-friday-component .timer .item .hour span,.black-friday-component .timer .item .min span,.black-friday-component .timer .item .sec span{display:inline-block;height:40px;color:#fff;font-size:2rem}.black-friday-component .timer .item .day{--count: var(--days);animation:bf-slide calc(var(--count) * 86400s) ease-out 0s 31 normal both}.black-friday-component .timer .item .hour{--count: var(--hours);animation:bf-slide calc(var(--count) * 3600s) steps(var(--count)) 0s 24 normal both}.black-friday-component .timer .item .min{--count: var(--minutes);animation:bf-slide calc(var(--count) * 60s) steps(var(--count)) 0s 60 normal both}.black-friday-component .timer .item .sec{--count: var(--seconds);animation:bf-slide calc(var(--count) * 1s) steps(var(--count)) 0s 60 normal both}.black-friday-component .timer .item p{font-size:1.2rem;font-weight:400;text-align:center;color:#fff}@keyframes bf-slide{0%{transform:translateY(calc(-40px * var(--count)))}99.6%{transform:translateY(0)}to{transform:translateY(calc(-40px * var(--count)))}}@keyframes bf-jump{0%{transform:translateY(0);scale:1}50%{transform:translateY(-10px);scale:1.1}to{transform:translateY(0);scale:1}}@font-face{font-family:Aeonik Pro Regular;src:url(https://db.onlinewebfonts.com/t/12ff62164c9778917bddb93c6379cf47.eot);src:url(https://db.onlinewebfonts.com/t/12ff62164c9778917bddb93c6379cf47.eot?#iefix) format("embedded-opentype"),url(https://db.onlinewebfonts.com/t/12ff62164c9778917bddb93c6379cf47.woff2) format("woff2"),url(https://db.onlinewebfonts.com/t/12ff62164c9778917bddb93c6379cf47.woff) format("woff"),url(https://db.onlinewebfonts.com/t/12ff62164c9778917bddb93c6379cf47.ttf) format("truetype"),url("https://db.onlinewebfonts.com/t/12ff62164c9778917bddb93c6379cf47.svg#Aeonik Pro Regular") format("svg")}.luminous-card-container{--sz: clamp(10px, min(2vw, 3vh), 24px);font-size:var(--sz);font-family:Aeonik Pro Regular,sans-serif;color:#fff}.luminous-card-container *{box-sizing:border-box}.card{position:relative;background:radial-gradient(circle at 50% 0%,#3a3a3a,#1a1a1a 64%);box-shadow:inset 0 1.01rem .2rem -1rem #fff0,inset 0 -1.01rem .2rem -1rem #0000,0 -1.02rem .2rem -1rem #fff0,0 1rem .2rem -1rem #0000,0 0 0 1px #fff3,0 4px 4px #0004,0 0 0 1px #333;width:18rem;height:24rem;border-radius:1.8rem;color:#fff;padding:1rem;display:flex;flex-direction:column;justify-content:end;transition:all .4s ease-in-out,translate .4s ease-out}.card:before{content:"";display:block;--offset: 1rem;width:calc(100% + 2 * var(--offset));height:calc(100% + 2 * var(--offset));position:absolute;left:calc(-1 * var(--offset));right:calc(-1 * var(--offset));top:calc(-1 * var(--offset));bottom:calc(-1 * var(--offset));margin:auto;box-shadow:inset 0 0 0 .06rem #fff2;border-radius:2.6rem;--ax: 4rem;clip-path:polygon(var(--ax) 0,0 0,0 var(--ax),var(--ax) var(--ax),var(--ax) calc(100% - var(--ax)),0 calc(100% - var(--ax)),0 100%,var(--ax) 100%,var(--ax) calc(100% - var(--ax)),calc(100% - var(--ax)) calc(100% - var(--ax)),calc(100% - var(--ax)) 100%,100% 100%,100% calc(100% - var(--ax)),calc(100% - var(--ax)) calc(100% - var(--ax)),calc(100% - var(--ax)) var(--ax),100% var(--ax),100% 0,calc(100% - var(--ax)) 0,calc(100% - var(--ax)) var(--ax),var(--ax) var(--ax));transition:all .4s ease-in-out;pointer-events:none}.card:hover{translate:0 -.2rem}.card:hover:before{--offset: .5rem;--ax: 8rem;border-radius:2.2rem;box-shadow:inset 0 0 0 .08rem #fff1}.light-layer{position:absolute;left:0;top:0;height:100%;width:100%;transform-style:preserve-3d;perspective:400px}.slit{position:absolute;inset:0;margin:auto;width:64%;height:1.2rem;transform:rotateX(-76deg);background:#121212;box-shadow:0 0 4px #fff0;transition:all .4s ease-in-out}.lumen{position:absolute;inset:0;margin:auto;width:100%;height:100%;pointer-events:none;perspective:400px;opacity:0;transition:opacity .4s ease-in-out}.lumen .min{width:70%;height:3rem;background:linear-gradient(#fff0,#fffa);position:absolute;left:0;right:0;top:0;bottom:2.5rem;margin:auto;transform:rotateX(-42deg);opacity:.4}.lumen .mid{width:74%;height:13rem;background:linear-gradient(#fff0,#fffa);position:absolute;inset:0 0 10em;margin:auto;transform:rotateX(-42deg);filter:blur(1rem);opacity:.8;border-radius:100% 100% 0 0}.lumen .hi{width:50%;height:13rem;background:linear-gradient(#fff0,#fffa);position:absolute;inset:0 0 12em;margin:auto;transform:rotateX(22deg);filter:blur(1rem);opacity:.6;border-radius:100% 100% 0 0}.darken{position:absolute;inset:0;margin:auto;width:100%;height:100%;pointer-events:none;perspective:400px;transition:opacity .4s ease-in-out;opacity:.5}.darken>*{transition:opacity .4s ease-in-out}.darken .sl{width:64%;height:10rem;background:linear-gradient(#000,#0000);position:absolute;inset:9.6em 0 0;margin:auto;filter:blur(.2rem);opacity:.1;border-radius:0 0 100% 100%;transform:rotateX(-22deg)}.darken .ll{width:62%;height:10rem;background:linear-gradient(#000a,#0000);position:absolute;inset:11em 0 0;margin:auto;filter:blur(.8rem);opacity:.4;border-radius:0 0 100% 100%;transform:rotateX(22deg)}.darken .slt{width:.5rem;height:4rem;background:linear-gradient(#0005,#0000);position:absolute;left:0;right:11.5rem;top:3.9em;bottom:0;margin:auto;opacity:.6;border-radius:0 0 100% 100%;transform:skewY(42deg)}.darken .srt{width:.5rem;height:4rem;background:linear-gradient(#0005,#0000);position:absolute;right:0;left:11.5rem;top:3.9em;bottom:0;margin:auto;opacity:.6;border-radius:0 0 100% 100%;transform:skewY(-42deg)}.content .icon{position:absolute;top:5rem;left:0;right:0;margin:auto;width:fit-content;filter:drop-shadow(0 -1.2rem 1px transparent);transition:filter .4s ease-in-out}.content .bottom{position:relative}.content .bottom h4{margin:0;margin-bottom:1rem;font-size:1.2rem;color:#ccc;font-weight:400}.content .bottom p{margin:0;padding-bottom:.6rem;color:#fff4;font-size:.6rem;font-weight:100;border-bottom:1px solid #fff1;max-width:64%}.toggle{position:absolute;right:0;bottom:0;height:2rem;width:4.8rem;border-radius:.6rem;background:#000;box-shadow:inset 0 -8px 8px .3rem #0004,inset 0 0 1px .3rem #ddd,inset 0 -2px 1px .3rem #fff,inset 0 1px 2px .3rem #0006,inset 0 0 1px .8rem #aaa;cursor:pointer;transition:all .4s ease-in-out}.toggle:before{content:"";display:block;position:absolute;inset:0;margin:auto;width:3.4rem;height:.68rem;border-radius:.2rem;background:#000;transition:all .4s ease-in-out}.toggle .handle{position:absolute;top:0;bottom:.04rem;margin:auto;left:.68rem;width:40%;height:30%;background:#aaa;border-radius:.2rem;box-shadow:inset 0 1px 4px #fff,inset 0 -1px 1px #000a,0 0 1px 1px #0003,1px 3px 6px 1px #000a;transition:all .4s ease-in-out}.toggle.active .handle{transform:translate(1.58rem)}.toggle span{pointer-events:none;text-align:center;position:absolute;left:0;right:0;margin:auto;bottom:calc(100% + .4rem);font-size:.6rem;font-weight:100;color:#555;opacity:0;transition:opacity .4s ease-in-out}.toggle:hover span{opacity:1}.toggle:not(.active):hover .handle{transform:translate(.2rem)}.card.triggered{box-shadow:inset 0 1.01rem .1rem -1rem #fffa,inset 0 -4rem 3rem -3rem #000a,0 -1.02rem .2rem -1rem #fffa,0 1rem .2rem -1rem #000,0 0 0 1px #fff2,0 4px 4px #0004,0 0 0 1px #333}.card.triggered .slit{background:#fff;box-shadow:0 0 4px #fff}.card.triggered .lumen{opacity:.5}.card.triggered .darken{opacity:.8}.card.triggered .darken .sl{opacity:.2}.card.triggered .darken .ll,.card.triggered .darken .slt,.card.triggered .darken .srt{opacity:1}.card.triggered .content .icon{filter:drop-shadow(0 -1.2rem 2px #0003) brightness(1.64)}.card.triggered .toggle:before{background:#fffc;box-shadow:0 0 .3rem .2rem #fff7}.card.triggered .handle{box-shadow:inset 0 1px 12px #fff,inset 0 -1px 1px #fffa,0 0 2px 1px #4443,1px 3px 6px 1px #0004}[data-component-row-group=cta-buttons] .component-frame__preview{min-height:14rem;align-items:center;justify-content:center}[data-component-row-group=cta-buttons] .component-check-button-stage{display:flex;width:100%;min-height:12rem;align-items:center;justify-content:center}[data-component-row-group=cta-buttons] .component-check-outline-cta{padding:1.25rem 2.75rem!important;font-size:1.5rem!important;line-height:1.2!important}[data-component-row-group=cta-buttons] .liquid-button{min-width:17.5rem;min-height:4.5rem;padding:1rem 2rem;font-size:1.125rem;letter-spacing:.06em}[data-component-row-group=snow-chrome] .component-frame__preview{min-height:22rem;align-items:stretch;padding:1rem}[data-component-row-group=snow-chrome] .component-frame__stage{width:100%;min-height:20rem}[data-component-row-group=snow-chrome] .component-check-effect-stage{width:100%;min-height:20rem;height:100%}[data-component-row-group=paper-shaders] .component-frame__preview{min-height:18rem;align-items:center;justify-content:center;padding:1rem;background:#fff}[data-component-id=brisk-waterfall-shader] .component-frame__preview{min-height:24rem;padding:2rem}[data-component-id=brisk-waterfall-shader] .component-frame__stage{width:fit-content}
