@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@100;200;400&family=Rajdhani:wght@300;700&display=swap";.intro-container{position:absolute;top:0;left:0;width:100vw;height:100lvh;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;z-index:9!important;pointer-events:none;text-align:center;background-color:#33223e6d;visibility:hidden}.intro-container .intro-loading{margin-top:60px}.intro-loading-spinner{position:absolute;font-size:12px;display:flex;justify-items:center;align-items:center;gap:10px;width:200px;margin-top:60px;justify-content:center;left:50%;transform:translate(-50%)}.intro-container .intro-loading p{font-family:DM Sans,sans-serif;font-weight:200;font-size:13px;line-height:1.2em}.intro-container .sub-title{font-family:DM Sans,sans-serif;font-weight:200;font-size:16px;line-height:2.9em;margin-top:40px}.intro-container h1{font-family:Rajdhani,sans-serif;font-size:12vw;text-transform:uppercase;line-height:.8em;letter-spacing:-.5vw}.intro-container h3{font-size:1vw;-webkit-user-select:none;user-select:none;pointer-events:none;position:relative;letter-spacing:.3em;line-height:1em;font-weight:100;margin-top:0;margin-bottom:60px;color:#fff}.intro-button{padding:20px 40px;border:1px solid rgba(255,255,255,.2);background-color:#ffffffdc;display:flex;align-items:center;justify-content:center;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .8s ease-in-out;pointer-events:all;cursor:pointer;gap:6px;font-size:16px;color:#000}.intro-button:hover{transform:scale(1.05);background-color:#264e7022;color:#fff}.intro-button img{transition:all .8s ease-in-out;opacity:1}.intro-button:hover img{filter:invert(1)}.textLine{display:block}.inline-block{display:inline-block}.custom-loader{width:50px;height:50px;--c: radial-gradient(farthest-side, #ffffff 92%, #0000);background:var(--c) 50% 0,var(--c) 50% 100%,var(--c) 100% 50%,var(--c) 0 50%;background-size:12px 12px;background-repeat:no-repeat;animation:s7 .5s infinite}@keyframes s7{to{transform:rotate(.5turn)}}.performance-button{background-color:transparent;border:none;margin-top:20px;color:#fff;font-size:16px;cursor:pointer;pointer-events:all;text-decoration:underline}.performance-button:hover{color:#444}@media only screen and (max-width: 600px){.intro-container h1{font-size:8vh;text-transform:uppercase;line-height:1em}.intro-container{padding-bottom:10%;padding-left:5%;padding-right:5%}.intro-container h3{font-family:DM Sans,sans-serif;font-weight:200;font-size:3.4vw;line-height:1.2em;width:100%}.intro-container .sub-title img{width:70px}.brand{width:60px}}.btn{cursor:pointer;background-repeat:no-repeat;width:40px;height:40px;pointer-events:all;border:1px solid rgba(255,255,255,.2);background-color:#264e7022;display:flex;align-items:center;justify-content:center;border-radius:50%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease-in-out;aspect-ratio:1}.btn:hover{transform:scale(1.1);background-color:#ffffffa1}.btn:hover #wave{filter:invert(1)}#wave{height:25px;width:30px;transform:translate(7px);pointer-events:none;opacity:.6;transition:all .3s ease-in-out}.animation #Line_1{animation:pulse 1s infinite;animation-delay:.15s}.animation #Line_2{animation:pulse 1s infinite;animation-delay:.3s}.animation #Line_3{animation:pulse 1s infinite;animation-delay:.45s}.animation #Line_4{animation:pulse 1s infinite;animation-delay:.6s}.animation #Line_5{animation:pulse 1s infinite;animation-delay:.75s}.animation #Line_6{animation:pulse 1s infinite;animation-delay:.9s}.animation #Line_7{animation:pulse 1s infinite;animation-delay:1.05s}.animation #Line_8{animation:pulse 1s infinite;animation-delay:1.2s}.animation #Line_9{animation:pulse 1s infinite;animation-delay:1.35s}@keyframes pulse{0%{transform:scaleY(1);transform-origin:50% 50%}50%{transform:scaleY(.7);transform-origin:50% 50%}to{transform:scaleY(1);transform-origin:50% 50%}}@media only screen and (max-height: 500px){.btn{left:50%;position:absolute;transform:translate(-50%);margin:0}}.main-menu-wrapper{margin-left:auto;display:flex;gap:30px}header{position:absolute;top:0;left:0;margin:0;padding:40px;width:100%;height:120px;font-size:.6vw;-webkit-user-select:none;user-select:none;pointer-events:none;font-weight:lighter;color:#fff;display:flex;align-items:center;justify-content:space-between;flex-direction:row;background:linear-gradient(0deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.4) 100%)}.logo{display:flex;align-items:center;justify-content:center;gap:8px;height:60px;flex-direction:row}.logo p{font-size:19px;color:#ffffffda;margin-left:30px;font-weight:300;width:400px}.logo p strong{font-size:21px;color:#ffffffda;font-weight:900;width:100px;font-family:Rajdhani,sans-serif}header .logo img{opacity:.9;transform:translateY(-5px)}.button-header{padding:13px 24px;font-size:12px;border-radius:50px 0 0 50px;border:1px solid rgba(255,255,255,.2);background-color:transparent;color:#ffffff9e;pointer-events:all;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;font-weight:700;transition:all .4s ease-in-out;display:flex;justify-items:center;align-items:center}.button-header.button-header-right{border-radius:0 50px 50px 0;border-left:none}.button-header:hover{transform:scale(1.05);background-color:#f1f1f178;color:#000000a8}.button-header.active{background-color:#f1f1f178;color:#000000a8}.button-header.active:before{content:"";position:absolute;width:6px;height:6px;background-color:#565656;right:10px;top:17px;border-radius:10px}h3{font-size:1vw;-webkit-user-select:none;user-select:none;pointer-events:none;position:relative;bottom:-10px;letter-spacing:.3em;left:.8%;line-height:1.8em;font-weight:100;color:#fff}.container h2{font-size:.6vw;-webkit-user-select:none;user-select:none;font-weight:lighter;color:#fff}.status-stars{font-size:1.6em;letter-spacing:1px;display:flex;align-items:center;margin-right:10px;gap:10px;padding:5px 20px;border-radius:50px}.logged-user{display:flex;gap:10px;font-size:13px;font-weight:400;align-items:center;margin-left:20px;margin-right:20px}.button-back{padding:5px 16px;border-radius:50px;border:1px solid white;background-color:transparent;color:#fff;opacity:.7;pointer-events:all;cursor:pointer;transition:all .4s ease}.button-back:hover{background-color:#fff;color:#000}.confetti-wrapper{position:absolute!important;top:-100%}@media only screen and (max-width: 600px){.instruction{display:none}footer{display:none}.button-header{padding:14px 23px;margin-right:2px}header{padding:0 20px;height:90px}.main-menu-wrapper .menu-link{display:none}header img{transform:translateY(0)}.logo p{font-size:14px;color:#ffffffda;font-weight:300;width:100px;display:none}.logo p strong{font-size:13px;display:none}.status-stars{font-size:13px;margin-right:4px;gap:8px;padding:5px 12px}.logged-user{display:flex;gap:0px;font-size:13px;font-weight:400;align-items:center;margin:0}.main-menu-wrapper{margin-right:10px}.button-header{border:none;padding:0 6px;text-decoration:underline;-webkit-backdrop-filter:none;backdrop-filter:none;font-size:14px}}div.switcher-container{display:flex;vertical-align:middle;text-align:center;align-items:center;gap:10px}.switcher-color-mode-switch{display:inline-block;margin:0;position:relative;cursor:none;pointer-events:none}.switcher-color-mode-switch>label.switcher-color-mode-switch-inner{margin:0;width:160px;height:32px;background:none;border-radius:26px;border:1px solid #ffffff61;overflow:hidden;position:relative;transition:all .3s ease;display:block;pointer-events:none}.switcher-color-mode-switch>label.switcher-color-mode-switch-inner:before{content:attr(data-on);position:absolute;font-size:12px;font-weight:500;top:7px;color:#ffffff45;right:20px}.switcher-color-mode-switch>label.switcher-color-mode-switch-inner:after{content:attr(data-off);width:80px;height:16px;background:#fff;border-radius:26px;position:absolute;left:2px;top:2px;text-align:center;transition:all .3s ease;box-shadow:0 0 6px -2px #111;padding:5px 0}.switcher-color-mode-switch>.alert{display:none;background:#ff9800;border:none;color:#fff}.switcher-color-mode-switch input[type=checkbox]{cursor:pointer;width:130px;height:25px;opacity:0;position:absolute;top:0;z-index:1;margin:0;left:5px;pointer-events:all}.switcher-color-mode-switch input[type=checkbox]:checked+label.switcher-color-mode-switch-inner{background:#151515;color:#fff}.switcher-color-mode-switch input[type=checkbox]:checked+label.switcher-color-mode-switch-inner:after{content:attr(data-on);left:78px;background:#ffffff;color:#000}.switcher-color-mode-switch input[type=checkbox]:checked+label.switcher-color-mode-switch-inner:before{content:attr(data-off);right:auto;left:20px}.switcher-color-mode-switch input[type=checkbox]:checked+label.switcher-color-mode-switch-inner{background:transparent;color:#fff}.switcher-color-mode-switch input[type=checkbox]:checked~.alert{display:block}@media only screen and (max-width: 600px){.switcher-color-mode-switch>label.switcher-color-mode-switch-inner{width:35px}label.switcher-color-mode-switch-inner:before{content:""!important}label.switcher-color-mode-switch-inner:after{content:""!important}.switcher-color-mode-switch input[type=checkbox]{width:30px}}.controls{bottom:5%;right:3%;display:flex;flex-direction:row;gap:20px;align-items:center}.controls .raw{display:flex;justify-content:center}.controls .key{width:20px;height:18px;margin:2px;border:1px solid #ffffff50;background:#ffffff21;border-radius:3px}.controls .key.large{width:72px}.controls .key.active{background:#ffffff99}.instruction{bottom:0;left:0}footer{position:absolute;bottom:0;left:0;font-size:12px;color:#ffffff6e;text-align:right;width:100%;height:50px;display:flex;align-items:flex-end;padding:40px 50px;justify-content:space-between;flex-direction:row;pointer-events:none}.instruction{text-align:left}footer p img{opacity:.3;margin-top:10px}footer a{color:#ffffffa1;text-decoration:none;pointer-events:all}@media only screen and (max-width: 1200px){footer{display:none}}div.btn-container{display:flex;vertical-align:middle;text-align:center;align-items:center;gap:10px}label{font-size:13px;color:#424242;font-weight:500;pointer-events:all}.btn-color-mode-switch{display:inline-block;margin:0;position:relative;cursor:none;pointer-events:none}.btn-color-mode-switch>label.btn-color-mode-switch-inner{margin:0;width:60px;height:32px;background:none;border-radius:26px;border:1px solid #ffffff61;overflow:hidden;position:relative;transition:all .3s ease;display:block;pointer-events:none}.btn-color-mode-switch>label.btn-color-mode-switch-inner:before{content:"";position:absolute;font-size:12px;font-weight:500;top:7px;color:#ffffff45;right:20px}.btn-color-mode-switch>label.btn-color-mode-switch-inner:after{content:"";width:30px;height:16px;background:#fff;border-radius:26px;position:absolute;left:2px;top:2px;text-align:center;transition:all .3s ease;box-shadow:0 0 6px -2px #111;padding:5px 0}.btn-color-mode-switch>.alert{display:none;background:#ff9800;border:none;color:#fff}.btn-color-mode-switch input[type=checkbox]{cursor:pointer;width:130px;height:25px;opacity:0;position:absolute;top:0;z-index:1;margin:0;left:5px;pointer-events:all}.btn-color-mode-switch input[type=checkbox]:checked+label.btn-color-mode-switch-inner{background:#151515;color:#fff}.btn-color-mode-switch input[type=checkbox]:checked+label.btn-color-mode-switch-inner:after{left:28px;background:#0b2995}.btn-color-mode-switch input[type=checkbox]:checked+label.btn-color-mode-switch-inner:before{right:auto;left:20px}.btn-color-mode-switch input[type=checkbox]:checked+label.btn-color-mode-switch-inner{background:#040237;color:#fff}.btn-color-mode-switch input[type=checkbox]:checked~.alert{display:block}@media only screen and (max-width: 600px){.btn-color-mode-switch>label.btn-color-mode-switch-inner{width:35px}label.btn-color-mode-switch-inner:before{content:""!important}label.btn-color-mode-switch-inner:after{content:""!important}.btn-color-mode-switch input[type=checkbox]{width:30px}}.wrapper-card{width:100%;height:100%;top:0;left:0;position:absolute;background-color:#0000004e;color:#000;font-weight:200;text-align:center;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}.wrapper-card .card-instructions{background:white;padding:30px;border-radius:6px;display:flex;flex-direction:row;align-items:center;margin-bottom:80px}.wrapper-card .card-instructions .card-body{display:flex;text-align:left;gap:30px;justify-content:flex-start;flex-direction:row-reverse}.wrapper-card .card-item img{margin-bottom:10px}.wrapper-card .card-bottom-wrapper{display:flex;align-items:center;gap:20px}.wrapper-card .card-top{display:flex;text-align:center;gap:10px;justify-content:center;align-items:flex-start;flex-direction:column;text-align:left;width:360px}.wrapper-card .card-top h2{font-size:20px;width:100%}@media screen and (max-width: 1024px){.wrapper-card .card-bottom-wrapper{display:none}.wrapper-card .card-top p{font-size:16px;width:100%}.wrapper-card .card-top{text-align:center;margin-bottom:20px}.wrapper-card .card-instructions{width:95%;padding:40px 20px;flex-direction:column}}.panel{position:absolute;bottom:0;left:50%;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;-webkit-backdrop-filter:blur(35px) saturate(200%);backdrop-filter:blur(35px) saturate(200%);border-radius:8px;color:#ffffffe6;width:420px;top:50%;left:unset;right:60px;height:600px;background-color:#ffffff59;z-index:100;padding:20px 40px 40px;pointer-events:none;box-shadow:0 8px 34px #0006,0 8px 16px #0000000a}.panel .details-wrapper{width:100%;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;position:relative;overflow-y:auto}.close-button-panel{position:fixed;top:10px;right:10px;cursor:pointer;width:40px;height:40px;pointer-events:visible;border:1px solid rgba(255,255,255,.274);background-color:#00000060;display:flex;align-items:center;justify-content:center;border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .8s ease-in-out;z-index:120}.close-button-panel img{opacity:.6}.close-button-panel:hover{transform:scale(1.1);background-color:#264e7055}.button-inverted{padding:12px 30px;border-radius:50px;border:none;background-color:#000000cf;color:#ffffffe9;pointer-events:all;cursor:pointer;font-weight:700;transition:all .4s ease-in-out;display:flex;align-items:center;gap:10px}.button-inverted img{filter:invert(1)}.button-inverted:hover{transform:scale(1.05);background-color:#fff;color:#000;box-shadow:0 0 20px #00000026}iframe{border-radius:10px}.details-title{font-family:Inter,sans-serif;font-size:1.3em;font-weight:500;letter-spacing:-1px}.details-content{color:#14265799;padding-top:0!important;font-size:16px;padding-bottom:20px;font-family:Inter,sans-serif;pointer-events:none}.details-success{display:flex;margin-left:10px}.panel.about{width:440px;top:50%;transform:translate(-50%,-50%);color:#fff;padding:40px;height:fit-content;display:flex;z-index:1000}.panel.about ul{margin-top:20px;list-style:none;padding-inline-start:0;opacity:.6;display:flex;font-size:12px;flex-direction:row;flex-wrap:wrap;gap:0 12px;pointer-events:none}.panel.about ul li{cursor:pointer;line-height:1.8em;opacity:.3}.panel.about .quality-options label{display:grid;grid-template-columns:1.2em auto;gap:10px;cursor:pointer}.panel.about label input[type=radio]{display:grid;place-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;margin:0;font:inherit;color:#000;width:1.15em;height:1.15em;border:.15em solid white;border-radius:50%;transform:translateY(.075em)}.panel.about label input[type=radio]:before{content:"";width:.65em;height:.65em;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;box-shadow:inset 1em 1em #fff}.panel.about label input[type=radio]:checked:before{transform:scale(1)}.panel.about label input[type=radio]:focus{outline:max(2px,.15em) solid white;outline-offset:max(2px,.15em)}.panel.about .quality-options{display:flex;flex-direction:column;gap:22px}.panel.about .button-white{border:none;border-radius:50px;padding:10px 20px;margin-top:20px;cursor:pointer;transition:all .2s ease-in-out}.panel.about .button-white:hover{background-color:#e6e6e62b;color:#fff;box-shadow:inset 0 0 2px #fff}.background-about-us{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;pointer-events:all;overflow:hidden;background:black}.panel.about h2{font-size:32px;line-height:1;margin:0}@keyframes pulse{0%{box-shadow:0 0 3px inset #fff0}50%{box-shadow:0 0 20px 20px inset #ffffff73}to{box-shadow:0 0 3px inset #fff0}}.open-details-mobile{background:rgb(23,170,133);border:2px solid rgb(23,170,133);border-radius:50px;padding:10px 30px;font-size:22px;font-weight:600;color:#fff}.details-list{display:grid;grid-template-columns:1fr 1fr;flex-direction:column;gap:10px;margin-top:20px;list-style:none;font-size:12px;pointer-events:all}.details-list li{cursor:pointer;line-height:1.8em;background-color:#f3f0e92c;border-radius:10px;padding:6px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;color:#fff;pointer-events:all;position:relative;opacity:.7;transition:all .2s ease-in-out}.details-list li:hover{opacity:1;scale:.95}.details-list .active{opacity:1;box-shadow:inset 0 0 0 1px #fffc}.details-list li:active{background-color:#ffffffca;scale:.9}.details-list .active-item{width:10px;height:10px;border-radius:50%;background-color:#fff;opacity:1;position:absolute;top:10px;left:10px;transition:all .8s ease-in-out}.details-list .inactive-item{width:10px;height:10px;border-radius:50%;background-color:#fff;opacity:0;position:absolute;top:10px;left:10px;transition:all .4s ease-in-out}.details-list .expand-button{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50px;border:1px solid white;display:flex;padding-right:4px;justify-content:flex-end;gap:5px;align-items:center;font-size:12px;color:#fff;cursor:pointer;background-color:transparent;overflow:hidden;transition:all .2s ease-in-out}.details-list .expand-button:hover{background-color:#fff;color:#000;width:100px;padding-right:10px}.details-list .expand-button:hover img{filter:invert(1)}@media only screen and (max-width: 600px){.panel{width:93%;right:10px;padding:20px}.panel .details-wrapper{align-items:center}.color-options{display:flex;gap:0px}.circle{width:30px}.close-button-panel{top:28px;right:8px;width:40px;font-size:11px}.panel.details{width:95%;right:2.5%;top:unset;bottom:85px;height:180px;padding:55px;overflow:hidden}.panel.details.mobile-open{width:100%;height:100dvh;right:0;top:0;overflow-y:auto;padding:5px 25px}.details-title{font-size:28px!important}.panel.about{width:90%;top:50%;padding:30px 40px;height:fit-content;display:flex;gap:20px;flex-direction:column}.details-content{font-size:17px;line-height:1.3em}.panel.about .description{display:none}.panel.about .about-text h1{font-size:24px}}.loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#181818;transition:all .5s .7s ease;pointer-events:none;z-index:100}.loader-wrapper.finished-loading{opacity:0;scale:10}.main-loader{display:flex;top:0;left:0;width:100%;height:100%;align-items:center;justify-content:center;flex-direction:column;gap:2em;font-size:12px;z-index:20}.main-loader p{font-size:20px;color:#fff}.circular-progress{--size: 250px;--half-size: calc(var(--size) / 2);--stroke-width: 8px;--radius: calc((var(--size) - var(--stroke-width)) / 2);--circumference: calc(var(--radius) * pi * 2);--dash: calc((var(--progress) * var(--circumference)) / 100)}.circular-progress circle{stroke-width:var(--stroke-width);fill:none;stroke-linecap:round}.circular-progress circle.bg{stroke:#363636}.circular-progress circle.fg{transform:rotate(-90deg);transform-origin:var(--half-size) var(--half-size);stroke-dasharray:var(--dash) calc(var(--circumference) - var(--dash));transition:stroke-dasharray .3s linear 0s;stroke:#ffffffc7}:root{--progress: 0}.main-loader .progress-loader{position:absolute;top:60%;width:50%;height:1px;background:white;transform:scaleX(0);transition:transform 1s;transform-origin:left;z-index:10;margin:0 5%}.transition-stripes{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:row;pointer-events:none}.transition-stripes .first,.transition-stripes .second,.transition-stripes .third,.transition-stripes .fourth{background-color:#fff;top:0;width:25%;height:100%;z-index:1}.quality{width:440px;top:50%;transform:translate(-50%,-50%);color:#fff;padding:40px;height:fit-content;z-index:1000;position:absolute;bottom:0;left:50%;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;background-color:#ffffff73;-webkit-backdrop-filter:blur(35px) saturate(200%);backdrop-filter:blur(35px) saturate(200%);border-radius:8px}.quality ul{margin-top:20px;list-style:none;padding-inline-start:0;opacity:.6;display:flex;font-size:12px;flex-direction:row;flex-wrap:wrap;gap:0 12px}.quality ul li{cursor:pointer;line-height:1.8em;opacity:.3}.quality .quality-options label{display:grid;grid-template-columns:1.2em auto;gap:10px;cursor:pointer}.quality label input[type=radio]{display:grid;place-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;margin:0;font:inherit;color:#000;width:1.15em;height:1.15em;border:.15em solid white;border-radius:50%;transform:translateY(.075em)}.quality label input[type=radio]:before{content:"";width:.65em;height:.65em;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;box-shadow:inset 1em 1em #fff}.quality label input[type=radio]:checked:before{transform:scale(1)}.quality label input[type=radio]:focus{outline:max(2px,.15em) solid white;outline-offset:max(2px,.15em)}.quality .quality-options{display:flex;flex-direction:column;gap:22px}.quality .button-white{border:none;border-radius:50px;padding:10px 20px;margin-top:20px;cursor:pointer;transition:all .2s ease-in-out}.quality .button-white:hover{background-color:#e6e6e62b;color:#fff;box-shadow:inset 0 0 2px #fff}.hidden{display:none}.background-quality-us{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;pointer-events:all;overflow:hidden;background:black}.quality h2{font-size:32px;line-height:1;margin:0}.close-quality{position:absolute;top:40px;right:20px;width:40px}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none;overscroll-behavior:none;outline:none!important;-webkit-tap-highlight-color:transparent}html,#root{width:100vw;height:100vh;overflow:hidden}body{margin:0;font-family:DM Sans,sans-serif;background-color:#633a6c;overflow:hidden;visibility:visible!important}.expanded-product{z-index:20;display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#18181885;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease-in-out;pointer-events:all}.expanded-product.visible{display:flex}.close-button{position:absolute;top:50px;right:50px;cursor:pointer;width:40px;height:40px;border:1px solid rgba(255,255,255,.2);background-color:#f0f8ff22;display:flex;align-items:center;justify-content:center;border-radius:50%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .8s ease-in-out}.close-button:hover{transform:scale(1.05);background-color:#264e7022}.side-panel{position:absolute;right:20px;top:50%;translate:40px -50%;rotate:-90deg;opacity:.3;cursor:pointer}.side-panel:hover{opacity:1}canvas{animation:fade-in 1s ease forwards;opacity:0}#canvasIntro{transition:all 1.4s ease-in-out}#canvasIntro.hidden{opacity:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media only screen and (max-width: 1200px){.close-button{top:30px;right:20px}}