.center{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.design{height:100%;width:100%;border-radius:20%;background:#ff0b00;background:linear-gradient(180deg,#ff0b00 13%,#ff9e00);position:relative;overflow:hidden}.color-border{border-radius:50%;background-color:#ffffff20;box-shadow:0 0 10px 2px #0000001a}.circle-1{height:110%;width:110%;position:absolute;right:-25%;top:-25%}.circle-2{height:90%;width:90%}.circle-3{height:70%;width:70%}.circle-4{height:52.5%;width:52.5%}.circle-5{height:35%;width:35%;border-radius:50%;background-color:#fff}.shape{height:100%;width:100%;background-color:#484848;transform:rotate(45deg);position:absolute}.shadow{box-shadow:0 0 20px #000000bf}.mountain-1{z-index:1;bottom:-50%;left:-50%}.mountain-2{bottom:-55%;left:-15%}.mountain-3{z-index:2;bottom:-75%;left:45%}.loader{width:64px;height:64px;position:relative;background:#fff;border-radius:4px;overflow:hidden}.loader:before{content:"";position:absolute;left:0;bottom:0;width:40px;height:40px;transform:rotate(45deg) translate(30%,40%);background:#ff9371;box-shadow:32px -34px 0 5px #ff3d00;animation:slide 2s infinite ease-in-out alternate}.loader:after{content:"";position:absolute;left:10px;top:10px;width:16px;height:16px;border-radius:50%;background:#ff3d00;transform:rotate(0);transform-origin:35px 145px;animation:rotate 2s infinite ease-in-out}@keyframes slide{0%,to{bottom:-35px}25%,75%{bottom:-2px}20%,80%{bottom:2px}}@keyframes rotate{0%{transform:rotate(-15deg)}25%,75%{transform:rotate(0)}to{transform:rotate(25deg)}}.typewriter{--blue: #5C86FF;--blue-dark: #275EFE;--key: #fff;--paper: #EEF0FD;--text: #D3D4EC;--tool: #FBC56C;--duration: 3s;position:relative;-webkit-animation:bounce05 var(--duration) linear infinite;animation:bounce05 var(--duration) linear infinite}.typewriter .slide{width:92px;height:20px;border-radius:3px;margin-left:14px;transform:translate(14px);background:linear-gradient(var(--blue),var(--blue-dark));-webkit-animation:slide05 var(--duration) ease infinite;animation:slide05 var(--duration) ease infinite}.typewriter .slide:before,.typewriter .slide:after,.typewriter .slide i:before{content:"";position:absolute;background:var(--tool)}.typewriter .slide:before{width:2px;height:8px;top:6px;left:100%}.typewriter .slide:after{left:94px;top:3px;height:14px;width:6px;border-radius:3px}.typewriter .slide i{display:block;position:absolute;right:100%;width:6px;height:4px;top:4px;background:var(--tool)}.typewriter .slide i:before{right:100%;top:-2px;width:4px;border-radius:2px;height:14px}.typewriter .paper{position:absolute;left:24px;top:-26px;width:40px;height:46px;border-radius:5px;background:var(--paper);transform:translateY(46px);-webkit-animation:paper05 var(--duration) linear infinite;animation:paper05 var(--duration) linear infinite}.typewriter .paper:before{content:"";position:absolute;left:6px;right:6px;top:7px;border-radius:2px;height:4px;transform:scaleY(.8);background:var(--text);box-shadow:0 12px 0 var(--text),0 24px 0 var(--text),0 36px 0 var(--text)}.typewriter .keyboard{width:120px;height:56px;margin-top:-10px;z-index:1;position:relative}.typewriter .keyboard:before,.typewriter .keyboard:after{content:"";position:absolute}.typewriter .keyboard:before{top:0;left:0;right:0;bottom:0;border-radius:7px;background:linear-gradient(135deg,var(--blue),var(--blue-dark));transform:perspective(10px) rotateX(2deg);transform-origin:50% 100%}.typewriter .keyboard:after{left:2px;top:25px;width:11px;height:4px;border-radius:2px;box-shadow:15px 0 0 var(--key),30px 0 0 var(--key),45px 0 0 var(--key),60px 0 0 var(--key),75px 0 0 var(--key),90px 0 0 var(--key),22px 10px 0 var(--key),37px 10px 0 var(--key),52px 10px 0 var(--key),60px 10px 0 var(--key),68px 10px 0 var(--key),83px 10px 0 var(--key);-webkit-animation:keyboard05 var(--duration) linear infinite;animation:keyboard05 var(--duration) linear infinite}@keyframes bounce05{85%,92%,to{transform:translateY(0)}89%{transform:translateY(-4px)}95%{transform:translateY(2px)}}@keyframes slide05{5%{transform:translate(14px)}15%,30%{transform:translate(6px)}40%,55%{transform:translate(0)}65%,70%{transform:translate(-4px)}80%,89%{transform:translate(-12px)}to{transform:translate(14px)}}@keyframes paper05{5%{transform:translateY(46px)}20%,30%{transform:translateY(34px)}40%,55%{transform:translateY(22px)}65%,70%{transform:translateY(10px)}80%,85%{transform:translateY(0)}92%,to{transform:translateY(46px)}}@keyframes keyboard05{5%,12%,21%,30%,39%,48%,57%,66%,75%,84%{box-shadow:15px 0 0 var(--key),30px 0 0 var(--key),45px 0 0 var(--key),60px 0 0 var(--key),75px 0 0 var(--key),90px 0 0 var(--key),22px 10px 0 var(--key),37px 10px 0 var(--key),52px 10px 0 var(--key),60px 10px 0 var(--key),68px 10px 0 var(--key),83px 10px 0 var(--key)}9%{box-shadow:15px 2px 0 var(--key),30px 0 0 var(--key),45px 0 0 var(--key),60px 0 0 var(--key),75px 0 0 var(--key),90px 0 0 var(--key),22px 10px 0 var(--key),37px 10px 0 var(--key),52px 10px 0 var(--key),60px 10px 0 var(--key),68px 10px 0 var(--key),83px 10px 0 var(--key)}18%{box-shadow:15px 0 0 var(--key),30px 0 0 var(--key),45px 0 0 var(--key),60px 2px 0 var(--key),75px 0 0 var(--key),90px 0 0 var(--key),22px 10px 0 var(--key),37px 10px 0 var(--key),52px 10px 0 var(--key),60px 10px 0 var(--key),68px 10px 0 var(--key),83px 10px 0 var(--key)}27%{box-shadow:15px 0 0 var(--key),30px 0 0 var(--key),45px 0 0 var(--key),60px 0 0 var(--key),75px 0 0 var(--key),90px 0 0 var(--key),22px 12px 0 var(--key),37px 10px 0 var(--key),52px 10px 0 var(--key),60px 10px 0 var(--key),68px 10px 0 var(--key),83px 10px 0 var(--key)}36%{box-shadow:15px 0 0 var(--key),30px 0 0 var(--key),45px 0 0 var(--key),60px 0 0 var(--key),75px 0 0 var(--key),90px 0 0 var(--key),22px 10px 0 var(--key),37px 10px 0 var(--key),52px 12px 0 var(--key),60px 12px 0 var(--key),68px 12px 0 var(--key),83px 10px 0 var(--key)}45%{box-shadow:15px 0 0 var(--key),30px 0 0 var(--key),45px 0 0 var(--key),60px 0 0 var(--key),75px 0 0 var(--key),90px 2px 0 var(--key),22px 10px 0 var(--key),37px 10px 0 var(--key),52px 10px 0 var(--key),60px 10px 0 var(--key),68px 10px 0 var(--key),83px 10px 0 var(--key)}54%{box-shadow:15px 0 0 var(--key),30px 2px 0 var(--key),45px 0 0 var(--key),60px 0 0 var(--key),75px 0 0 var(--key),90px 0 0 var(--key),22px 10px 0 var(--key),37px 10px 0 var(--key),52px 10px 0 var(--key),60px 10px 0 var(--key),68px 10px 0 var(--key),83px 10px 0 var(--key)}63%{box-shadow:15px 0 0 var(--key),30px 0 0 var(--key),45px 0 0 var(--key),60px 0 0 var(--key),75px 0 0 var(--key),90px 0 0 var(--key),22px 10px 0 var(--key),37px 10px 0 var(--key),52px 10px 0 var(--key),60px 10px 0 var(--key),68px 10px 0 var(--key),83px 12px 0 var(--key)}72%{box-shadow:15px 0 0 var(--key),30px 0 0 var(--key),45px 2px 0 var(--key),60px 0 0 var(--key),75px 0 0 var(--key),90px 0 0 var(--key),22px 10px 0 var(--key),37px 10px 0 var(--key),52px 10px 0 var(--key),60px 10px 0 var(--key),68px 10px 0 var(--key),83px 10px 0 var(--key)}81%{box-shadow:15px 0 0 var(--key),30px 0 0 var(--key),45px 0 0 var(--key),60px 0 0 var(--key),75px 0 0 var(--key),90px 0 0 var(--key),22px 10px 0 var(--key),37px 12px 0 var(--key),52px 10px 0 var(--key),60px 10px 0 var(--key),68px 10px 0 var(--key),83px 10px 0 var(--key)}}.black-friday-component{--count: 0;--days: 31;--hours: 24;--minutes: 60;--seconds: 60;flex-direction:column;display:flex;justify-content:space-between;align-items:center;gap:1rem;width:-moz-fit-content;width:fit-content;margin:auto;background:linear-gradient(135deg,#1a1a1a,#0a0a0a);border-radius:24px;box-shadow:0 20px 40px #0006;border:1px solid rgba(255,255,255,.1)}.black-friday-component .coupon{border-radius:12px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;border:1px solid rgb(205,64,248);scale:.8;transform-origin:bottom center}.black-friday-component .coupon:hover .content h3>span{animation: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{height:100%;width:130px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;padding:1rem}.black-friday-component .coupon .box span{display:block;font-weight:700;font-size:1.8rem}.black-friday-component .coupon .diver{display:block;width:0px;height:160px;border:3px dashed transparent;border-right-color:#cd40f8}.black-friday-component .coupon .content{padding:1rem;flex:1;color:#fff;width:330px;height:100%}.black-friday-component .coupon .content h3{font-weight:600;font-size:2rem;height:34px;align-items:center;display:flex;justify-content:flex-start;margin-bottom:1rem;text-transform:uppercase}.black-friday-component .coupon .content h3 span.end{width:30px}.black-friday-component .coupon .content p{font-weight:400;font-style:normal;color:#959595;font-size:1rem;line-height:1.25rem}.black-friday-component .coupon .content p a{font-style:italic;color:#0d9488;text-transform:capitalize;word-spacing:.03rem;font-weight:bolder;text-decoration:underline;text-underline-offset:.05rem;text-decoration-color:#0d9488}.black-friday-component .timer{display:flex;flex-direction:row;justify-content:space-between;gap:0rem;overflow:hidden;width:calc(244px + 0rem);text-align:center;margin-bottom:1rem}.black-friday-component .timer .colon{width:8px;color:#fff;font-size:2rem}.black-friday-component .timer .item{text-align:center;width:55px;height:fit-content}.black-friday-component .timer .item .days,.black-friday-component .timer .item .hours,.black-friday-component .timer .item .minutes,.black-friday-component .timer .item .seconds{text-align:center;width:55px;overflow:hidden;height:40px}.black-friday-component .timer .item .day,.black-friday-component .timer .item .hour,.black-friday-component .timer .item .min,.black-friday-component .timer .item .sec{text-align:center;height:fit-content;display:flex;flex-direction:column;justify-content:flex-start;align-items: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{height:40px;color:#fff;font-size:2rem;display:inline-block}.black-friday-component .timer .item p{text-align:center;color:#fff;font-size:1.2rem;font-weight:400}@keyframes jump{0%{transform:translateY(0);scale:1}50%{transform:translateY(-10px);scale:1.1}to{transform:translateY(0);scale:1}}