*,::after,::before{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:odin;src:url("../fonts/Odin\ Rounded\ -\ Regular.otf")}@font-face{font-family:daggersquare;src:url("../fonts/daggersquare.regular.otf")}.glass-card__container{display:flex;justify-content:center;align-items:center;height:100%;width:300px;position:relative;color:var(--text-color)}.glass-card{--_animation-color:rgb(255, 255, 255);--_animation-timing:2s;width:100%;height:100%;background-color:rgba(255,255,255,.082);box-shadow:0 0 10px rgba(0,0,0,.2);backdrop-filter:blur(15px);border-radius:8px;padding-inline:1rem;padding-top:1rem;padding-bottom:.5rem;display:flex;flex-direction:column;overflow:hidden}.glass-card:hover{cursor:pointer;transition:all .3s ease;transform:none}.glass-card>*{flex:1}.glass__back-glow{position:absolute;height:100%;background:linear-gradient(to top,#820004 30%,transparent,transparent,transparent,transparent,#00376a 70%);width:80%;filter:blur(50px) contrast(1)}.demo__back-glow{position:absolute;height:100%;background:linear-gradient(to top,#820004 30%,transparent,transparent,transparent,transparent,#00376a 70%);width:80%;filter:blur(50px) contrast(1)}.glass-card__offer-text{text-align:center;border-bottom:1px solid rgba(255,255,255,.2);border-bottom:1px solid color-mix(in srgb,var(--foreground),transparent 80%);padding-bottom:1rem;flex:0;font-size:1.2rem}.glass-card__offer-text span{position:absolute;right:-19px;z-index:10;top:1.5%;width:110px;text-align:center;rotate:20deg;padding:5px}.glass-card__side-text{font-size:1.1rem;line-height:.9;position:absolute;right:-19px;z-index:10;top:1.5%;width:100px;text-align:center;background:linear-gradient(#ff3c3c,#ffcf75);background-clip:text;rotate:22deg;padding:5px}.glass-card__button a{text-decoration:none;color:inherit}.glass-card__hurry-text{left:-15%;width:fit-content;padding:.2rem 1rem;position:absolute;top:20%;left:-10%;background-color:#780000;color:var(--text-color);color:#fff;font-size:.9rem;z-index:10}.glass-card__discount-container{display:grid;grid-template-columns:1fr 1fr;position:relative;height:100%;flex:5;color:var(--text-color)}.glass-card__discount-text__container{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.glass-card__discount-text__wrapper{position:relative;height:80%;width:100%}.glass-card__get-text{position:absolute;top:5.5%;left:45%;z-index:2;font-family:chopinscript;font-size:1.8rem;font-weight:500}.glass-card__discount__text{position:absolute;bottom:23%;left:10%;z-index:2;font-family:daggersquare;font-family:chopinscript;font-size:1.5rem;position:absolute;bottom:19%;left:10%;z-index:2;font-family:daggersquare;font-family:chopinscript;font-size:2.5rem}.glass-card__discount-text{width:200px;font-family:stencil,Impact;font-size:10.5rem;position:absolute;top:0;left:-4.5%;letter-spacing:-8px;text-shadow:1px 1px 5px rgba(0,0,0,.5)}.glass-card__discount-text span{position:absolute;font-size:2rem;font-family:daggersquare;color:#a98a8a;bottom:16%;left:39%;color:var(--text-color)}.glass-card__discount-details{position:relative;left:9%;top:-5%;display:grid;align-content:center;max-width:100%;row-gap:.8rem}.glass-card__discount-details h3{font-size:1.3rem}.glass-card__discount-details p{font-size:1rem;color:var(--text-color);color:#fff;background-color:rgba(148,0,0,.649);background:linear-gradient(to bottom,#ff0004,#b6375b);background:radial-gradient(circle,#ff0004,#ff0004,transparent);opacity:.9;display:inline-flex;justify-content:center;align-items:center;padding:.4rem 1rem;font-family:dearest}.glass-card__placement-text{font-family:dearest;text-align:center;font-size:1rem;display:flex;justify-content:center;align-items:center;flex:0.5;font-weight:700}.glass-card__placement-text a{text-decoration:none;color:inherit}.glass-card__button-container{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-block:auto;display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-block:auto;margin-block:0;flex:0;margin-top:16px}.demo-card .glass-card__button-container{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-inline:24px;padding-top:.5rem;background:#f5f5f5}.glass-card__button-container button{border:none;color:#fff}.glass-card__button-container button:hover{cursor:pointer}.clip{--clip-width:3px;inset:-2px;border-radius:8px;background:linear-gradient(#ff5050,#ff9a9e,#007b79,#ff5050);position:absolute;clip-path:polygon(0 0,0 100%,calc(0% + var(--clip-width)) 100%,calc(0% + var(--clip-width)) calc(0% + var(--clip-width)),calc(100% - var(--clip-width)) calc(0% + var(--clip-width)),calc(100% - var(--clip-width)) calc(100% - var(--clip-width)),0% calc(100% - var(--clip-width)),0 100%,100% 100%,100% 0%)}.clip::before{content:"";position:absolute;inset:-50px;border-radius:inherit;background:conic-gradient(#00ad17,transparent,transparent,#ba0069,transparent,transparent,#00b118);background-size:100% 100%;background-position:0 0;animation:rotate 2s infinite linear}.glass-card .clip:nth-of-type(2)::before{animation-play-state:paused}@keyframes rotate{to{transform:rotate(360deg)}}.demo-card__container{display:flex;justify-content:center;align-items:center;height:100%;width:300px;position:relative;color:rgba(244,244,244,.742)}.demo-card{--_animation-color:#ffffff;--_animation-timing:2s;width:100%;height:100%;background-color:rgba(255,255,255,.082);box-shadow:0 0 10px rgba(0,0,0,.2);backdrop-filter:blur(15px);outline:2px solid rgba(255,255,255,.125);border-radius:8px;padding-top:1rem;display:flex;flex-direction:column;color:var(--text-color);overflow:hidden}.demo-card .glass-card__button-container{background:rgba(0,0,0,.712);backdrop-filter:blur(10px);padding-block:0.5rem;gap:1.5rem;position:absolute;bottom:0;left:0;right:0}.demo-card:hover{cursor:pointer}.demo-card__title{font-size:1.2rem;text-align:end;padding-right:.5rem;padding-bottom:.5rem;border-bottom:1px solid color-mix(in srgb,var(--foreground),transparent 80%)}#left__container #demo-card__share-btn span,#left__container .demo-details__more-details span{font-family:odin}.demo-card__demo-container{display:grid;margin-top:1rem;color:var(--text-color);gap:1rem;flex:1;align-content:flex-start;overflow-y:scroll;scrollbar-width:0;padding-inline:1rem;padding-bottom:4rem}.demo-card__demo-container::-webkit-scrollbar{display:none}.glass-card__ring-container__wrapper .glass-card__ring-container{display:block}.demo-card__ring-container__wrapper .glass-card__ring-container{display:block}.demo-card__demo-title{font-family:dearest;font-size:.9rem;background:radial-gradient(circle,red,red,transparent);background:radial-gradient(circle,#000,#000,transparent);min-width:250px;width:fit-content;position:relative;left:-7%;padding:.4rem 2rem;color:#fff;font-weight:300;border-top-right-radius:3px;border-bottom-right-radius:3px}body[data-theme=light] .demo-card__demo-title{background:radial-gradient(circle,#000,#111,transparent)}.demo-card__demo img{filter:invert(1)}body[data-theme=dark] .demo-card__demo img{filter:invert(0)}.demo-card__demo-details{display:flex;gap:.5rem;max-width:230px;align-items:center}.demo-card__demo div:has(> #demo-details__more-details){width:45%;font-size:.6rem;margin-inline:auto}.demo-card__demo #demo-details__more-details{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.8rem}.demo-card__demo{border-bottom:1px solid color-mix(in srgb,var(--foreground),transparent 80%);gap:.8rem;display:grid}.demo-card__demo-details p{display:flex;align-items:flex-start;gap:4px;font-size:.8rem;color:var(--text-color);letter-spacing:1px;flex-direction:column;font-family:dearest;padding-bottom:.1875rem;font-weight:700}div:has(> a:has(> .demo-card__demo-details)){display:flex;align-items:center;gap:.5rem;flex:1}.glass-card a{text-decoration:none;width:100%;flex:1}@keyframes small-shake{5%,8%{scale:0.95}6%,9%{scale:1}10%{scale:1}}.demo-card__container,.glass-card__container{animation:small-shake 10s infinite;position:relative}#left__container .demo-card{animation-delay:.25s}#left__container,#right__container{height:90%;font-family:odin;position:relative;max-height:500px}#right__container .glass-card__ring-container__wrapper .glass-card__ring-container{display:block}@media screen and (max-width:768px){.discount-section__vlsi-section{display:grid;min-height:400px;grid-column-start:1;grid-column-end:2;place-items:center}#left__container,#right__container{height:500px}section.discount-section{height:fit-content;gap:2rem}}#right__container .demo-card{animation-delay:.5s}#right__container.extra .demo-card,#right__container.extra .glass-card{animation-delay:.75s}#left__container .clip::before{animation-delay:1s;background:conic-gradient(#00d9ff,#fff)}#right__container .clip::before{background:conic-gradient(#00ab14,#e800f9);animation-delay:.5s}.glass-card>span:first-of-type{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(to right,transparent,var(--_animation-color));animation:animate-one var(--_animation-timing) infinite linear}.demo-card>span:first-of-type{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(to right,transparent,var(--_animation-color));animation:animate-one var(--_animation-timing) infinite linear;animation-delay:3s}@keyframes animate-one{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@keyframes animate-three{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}.glass-card>span:nth-of-type(2){position:absolute;top:0;animation:animate-two var(--_animation-timing) infinite linear;left:0;bottom:0;width:3px;background:linear-gradient(to top,transparent,var(--_animation-color));animation-delay:1s}.demo-card>span:nth-of-type(2){position:absolute;top:0;animation:animate-two var(--_animation-timing) infinite linear;left:0;bottom:0;width:3px;background:linear-gradient(to top,transparent,var(--_animation-color));animation-delay:4s}@keyframes animate-two{0%{transform:translateY(100%)}100%{transform:translateY(-100%)}}@keyframes animate-four{0%{transform:translateY(-100%)}100%{transform:translateY(100%)}}.glass-card>span:nth-of-type(3){position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(to right,var(--_animation-color),transparent);animation:animate-three var(--_animation-timing) infinite linear}.demo-card>span:nth-of-type(3){position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(to right,var(--_animation-color),transparent);animation:animate-three var(--_animation-timing) infinite linear;animation-delay:3s}.glass-card>span:nth-of-type(4){position:absolute;top:0;right:0;bottom:0;animation:animate-four var(--_animation-timing) infinite linear;width:3px;background:linear-gradient(to top,var(--_animation-color),transparent);animation-delay:1s}.demo-card>span:nth-of-type(4){position:absolute;top:0;right:0;bottom:0;animation:animate-four var(--_animation-timing) infinite linear;width:3px;background:linear-gradient(to top,var(--_animation-color),transparent);animation-delay:4s}.glass-card__ring-container__wrapper{position:absolute;top:18%;left:10%;left:0;left:-27%}.demo-card__ring-container__wrapper{position:absolute;top:-11%;left:10%;left:0;left:-27%}.discount-section__ring-container__wrapper{position:absolute}.discount-section__ring-container__wrapper .glass-card__button-container{display:none}.glass-card__limited__image{position:absolute;top:-7%;z-index:10;left:-50%;width:230px}body[data-theme=light] :is(.glass-card,.demo-card){--_animation-color:#00c7d5}.glass-card__ring-container{width:300px;aspect-ratio:1;position:relative}.discount-card__ring-container{width:300px;aspect-ratio:1;position:relative}.glass-card__ring-container .ring{position:absolute;inset:0;border:1px inset #004f45d0;display:block;animation:ring-rotate infinite linear}.glass-card__ring-container .ring{position:absolute;inset:0;border:50px dashed #004f4552;display:block;animation:ring-rotate infinite linear}.glass-card__ring-container svg{width:400px;filter:contrast(1.5)}.ring:first-of-type{border-radius:41% 59% 38% 62%/59% 30% 70% 41%;animation-duration:10s}.ring:nth-of-type(2){border-radius:52% 48% 55% 45%/50% 41% 59% 50%;animation-duration:15s}.ring:nth-of-type(3){border-radius:65% 35% 62% 38%/38% 52% 48% 62%;animation-duration:8s;animation-name:ring-reverse-rotate}.ring:nth-of-type(4){border-radius:52% 48% 50% 50%/50% 44% 56% 50%;animation-duration:20s}.ring:nth-of-type(5){border-radius:76% 24% 64% 36%/33% 63% 37% 67%;animation-name:ring-reverse-rotate;animation-duration:12s}@keyframes ring-rotate{to{transform:rotate(360deg)}}@keyframes ring-reverse-rotate{to{transform:rotate(-360deg)}}.demo-card .glass-card__button-container button{background:0 0;border:none;padding:.2rem 0;color:#fff;font-size:.9rem;font-family:dearest}@media screen and (width < 500px){#left__container,#right__container{position:absolute;bottom:-650px}.demo-card__demo-details p{font-size:1rem}.demo-card__demo-title{padding-block:0.5rem;font-size:1.2rem}img.glass-card__limited__image{position:absolute;top:2%;z-index:10;left:-15%;width:180px}.glass-card__discount-text{top:9%}.glass-card__get-text{font-size:1.9rem;top:14.5%}.glass-card__discount__text{position:absolute;bottom:17%;left:10%;z-index:2;font-size:1.9rem}.demo-card__ring-container__wrapper,.glass-card__ring-container__wrapper{display:none}.discount-section>.discount-section__ring-container__wrapper{inset:unset;left:-185px;top:-500px;inset:unset;left:-112px;top:750px}.discount-section__ring-container__wrapper .discount-card__ring-container{display:block}.discount-section__ring-container__wrapper .discount-card__ring-container svg{width:550px;filter:blur(10px)}.demo-card .glass-card__button-container button{font-size:1.2rem}.demo-card,.glass-card{backdrop-filter:blur(40px) brightness(1.2) contrast(0.8);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none}#glass-card__share-btn,.glass-card__button{height:38px;font-size:1.1rem}.glass-card__button-container{gap:1rem}.glass-card__placement-text{font-size:1.2rem}.glass-card__discount-details p{font-size:1.2rem}body[data-theme=dark] .glass-card__discount-details p{background:radial-gradient(circle,#000,#000,transparent)}.demo-card__demo #demo-details__more-details{font-size:1.1rem}body[data-theme=light] :is(.demo-card,.glass-card){border:.3px solid #000}.glass-card__discount-details{top:6%}}@media screen and (max-width:960px){.glass-card__limited__image{width:180px;left:-22%;top:-2%}section.discount-section{padding-inline:3%;padding-block:3rem}}@media screen and (max-width:500px){section.discount-section{height:950px}}#mobile-blob{--mobile-blob-color:#01baef;color:var(--mobile-blob-color);animation:blob-animate 45s infinite linear both}