@font-face{font-display:swap;font-family:Anton;font-style:normal;font-weight:400;src:url(../assets/fonts/anton.woff2) format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:500;src:url(../assets/fonts/montserrat-500.woff2) format("woff2")}:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%;scroll-behavior:smooth}body{background:#ffcd01;color:#fff;display:flex;flex-direction:column;font-family:Anton,sans-serif;font-size:1.6rem;height:100vh;overflow:hidden}@media screen and (max-height:700px){body{overflow:initial}}@media screen and (max-width:768px){body{height:100dvh}}@media screen and (max-width:498px)and (max-height:520px){body{overflow:initial}}body::-webkit-scrollbar{display:none}h1,h2,h3,h4,h5,h6{font-family:Anton,sans-serif}a,button{cursor:revert}menu,ol,ul{list-style:none}img{max-width:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;-webkit-line-break:after-white-space;overflow-wrap:break-word;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}.header{display:flex;margin:32px 0 0;position:relative;top:0;width:100%;z-index:1}@media(max-height:700px){.header{margin:22px 0 0}}.header__container{align-items:center;display:flex;height:auto;justify-content:space-between;margin:0 auto;max-width:calc(100% - 280px);overflow:hidden;width:100%}@media screen and (max-width:1440px){.header__container{max-width:calc(100% - 140px)}}@media screen and (max-width:998px){.header__container{max-width:calc(100% - 80px)}}@media screen and (max-width:768px){.header__container{max-width:calc(100% - 60px)}}@media screen and (max-width:425px){.header__container{max-width:calc(100% - 20px)}}.header__logo{display:block;height:100%;width:100%}.header__logo--friskies{max-height:66px;max-width:93px}@media screen and (max-width:1024px){.header__logo--friskies{max-height:max-content;max-width:83px;object-fit:contain}}@media screen and (max-width:568px){.header__logo--friskies{max-width:58px}}.header__logo--catcode{max-height:32px;max-width:102px}@media screen and (max-width:1024px){.header__logo--catcode{max-height:max-content;max-width:92px;object-fit:contain}}.header__logo--amazon{max-height:41px;max-width:135px}@media screen and (max-width:1024px){.header__logo--amazon{max-height:max-content;max-width:115px;object-fit:contain}}@media screen and (max-width:568px){.header__logo--amazon{max-width:74px}}.header__wrapper{align-items:center;display:flex;gap:.6rem;justify-content:center}@media screen and (max-width:568px){.header__wrapper{flex-direction:column;gap:.4rem}}.header__wrapper>a{align-items:center;display:flex;gap:.6rem;justify-content:center;text-decoration:none}@media screen and (max-width:568px){.header__wrapper>a{flex-direction:column;gap:.4rem}}.header__text{color:#000;font-family:Anton,sans-serif;font-size:3.5rem;line-height:3.6rem;text-transform:uppercase}@media screen and (max-width:1024px){.header__text{font-size:3.2rem;line-height:3.3rem}}@media screen and (max-width:568px){.header__text{font-size:2.8rem;line-height:2.9rem}}@media screen and (max-width:425px){.header__text{font-size:2.4rem;line-height:2.5rem}}.main{display:flex;flex:1;overflow:hidden;position:relative;width:100%}@media screen and (max-width:498px)and (max-height:520px){.main{overflow:initial}}.main__container{align-items:center;display:flex;height:100%;overflow:hidden;width:100%}.panels{display:flex;height:100%;transition:transform .5s ease-in-out;width:200vw;will-change:transform}.panel{flex:none;flex-shrink:0;height:100%;opacity:1;padding:22px 0;position:relative;width:100vw;will-change:opacity}.panel,.panel__container{align-items:center;display:flex;justify-content:center}.panel__container{flex-direction:column;gap:3.6rem;margin:0 auto;max-width:1640px}@media screen and (max-width:1440px){.panel__container{gap:2.4rem}}@media screen and (max-width:768px){.panel__container{gap:1.8rem}}.panel__congrats{bottom:6px;margin:0 auto;opacity:0;pointer-events:none;position:absolute;text-align:center;z-index:-1}@media screen and (max-width:1366px){.panel__congrats{max-width:calc(100% - 60px)}}@media screen and (max-width:425px){.panel__congrats{max-width:calc(100% - 20px)}}.panel__congrats.--active{opacity:1;pointer-events:all;transition:opacity .4s cubic-bezier(.87,0,.13,1);transition-delay:.8s;z-index:1}.panel__congrats.--active .panel__congrats-title{animation:pulse-title .6s cubic-bezier(.455,.03,.515,.955) 1 forwards;animation-delay:1.3s;opacity:1;transition:opacity .4s cubic-bezier(.87,0,.13,1),transform .4s cubic-bezier(.87,0,.13,1);transition-delay:1.2s}.panel__congrats-title{color:#000;font-family:Anton,sans-serif;font-size:6.5rem;line-height:6.6rem;opacity:0;text-transform:uppercase;transform:scale(0)}@media screen and (max-width:1440px){.panel__congrats-title{font-size:5.2rem;line-height:5.3rem}}@media screen and (max-width:1366px){.panel__congrats-title{font-size:4.8rem;line-height:4.9rem}}@media screen and (max-width:1024px){.panel__congrats-title{font-size:4.2rem;line-height:4.3rem}}@media screen and (max-width:768px){.panel__congrats-title{font-size:3.6rem;line-height:3.7rem}}@media screen and (max-width:498px){.panel__congrats-title{font-size:2.6rem;line-height:2.7rem}}.panel__congrats-text{color:#000;font-family:Montserrat,sans-serif;font-size:3.4rem;font-weight:500;letter-spacing:-1.02px;line-height:3.5rem}@media screen and (max-width:1440px){.panel__congrats-text{font-size:2.8rem;line-height:2.9rem}}@media screen and (max-width:1366px){.panel__congrats-text{font-size:2.4rem;line-height:2.5rem}}@media screen and (max-width:1024px){.panel__congrats-text{font-size:2.2rem;line-height:2.3rem}}@media screen and (max-width:768px){.panel__congrats-text{font-size:2rem;line-height:2rem}}@media screen and (max-width:498px){.panel__congrats-text{font-size:1.8rem;line-height:1.9rem}}.panel--first,.panel--fourth,.panel--second,.panel--third{flex-direction:column;gap:1.6rem;justify-content:center}.button{align-items:center;background:#000;border:none;border-radius:1.2rem;color:#fff;color:#ffcd01;cursor:pointer;display:flex;font-family:Anton,sans-serif;justify-content:center;text-align:center;text-transform:uppercase}.button--next{font-size:min(2.7604166667vw,5.3rem);line-height:min(4.1145833333vw,7.9rem);padding:3.3rem 1.6rem;transition:font-size .2s cubic-bezier(.45,.05,.55,.95);width:100%}@media screen and (max-width:1440px){.button--next{padding:2.3rem 1.6rem}}@media screen and (max-width:1024px){.button--next{font-size:24px;line-height:38px;padding:1.8rem 1.4rem}}@media screen and (max-width:598px){.button--next{border-radius:.8rem;padding:1.4rem}}@media(max-height:700px)and (min-width:1280px){.button--next{font-size:min(2.2916666667vw,4.4rem);line-height:min(3.59375vw,6.9rem);padding:2rem 1.6rem}}.button--next.loading{cursor:not-allowed;font-size:0;position:relative}.button--next.loading:after{animation:spin 1s linear infinite;border:4px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#ffcd01;content:"";height:36px;position:absolute;top:50%;transform:translateY(-50%);width:36px}.button--next.error{background-color:#f44;cursor:not-allowed}.button--copy{animation:fade-in .2s cubic-bezier(.45,.05,.55,.95);border:3px solid #ffcd01;font-size:3.1rem;height:100%;line-height:3.1rem;max-height:96px;max-width:113px;position:absolute;right:22px;top:-22px;width:100%;z-index:3}@media screen and (max-width:998px){.button--copy{font-size:2.4rem;line-height:2.4rem;max-height:78px;max-width:78px;right:-22px}}@media screen and (max-width:658px){.button--copy{bottom:-100%;max-height:max-content;max-width:100%;padding:16px 0;position:absolute;right:auto;top:auto;width:90%}}@media screen and (max-width:448px){.button--copy{padding:12px 0}}@media screen and (max-width:398px){.button--copy{border-radius:.8rem;font-size:2.2rem;line-height:2.2rem;padding:10px 0}}.button--validate{background-color:#ffcd01;background-image:url(../assets/images/icon-close.png);background-position:50%;background-repeat:no-repeat;background-size:38px 38px;border:3px solid #000;font-size:0;line-height:0rem;max-height:79px;max-width:93px;padding:3.3rem 1.6rem;pointer-events:none;position:absolute;top:-1.8rem;width:100%}@media(max-height:700px)and (min-width:1280px){.button--validate{max-height:63px;max-width:73px}}@media screen and (max-width:1024px){.button--validate{background-size:28px 28px;max-width:66px;padding:2.8rem 1rem}}@media screen and (max-width:598px){.button--validate{background-size:22px 22px;max-width:46px;padding:2rem 1rem}}.button--validate.--first{background-image:url(../assets/images/icon-check-first.png);background-size:44px 31px}@media screen and (max-width:598px){.button--validate.--first{background-size:24px 18px}}.button--validate.--success{background-color:#000;background-image:url(../assets/images/icon-check.png);background-size:44px 31px;transition:background-color .2s cubic-bezier(.45,.05,.55,.95)}@media screen and (max-width:598px){.button--validate.--success{background-size:24px 18px}}.button--validate.--hidden{animation:fade-out .2s cubic-bezier(.45,.05,.55,.95)!important;pointer-events:none;right:5%!important}.speech-bubble{bottom:0;position:absolute;width:100%}.speech-bubble__container{align-items:flex-end;display:flex;gap:22px;justify-content:center;overflow:hidden;padding:24px 18px}@media screen and (max-width:768px){.speech-bubble__container{gap:12px;margin:0 auto;max-width:calc(100% - 60px)}}@media screen and (max-width:478px){.speech-bubble__container{max-width:calc(100% - 30px)}}.speech-bubble__message{background-color:#ffcd01;border-radius:1.2rem;margin:0;opacity:0;padding:16px;position:relative;transform:translateY(110%);width:auto}.speech-bubble__message.--hidden{opacity:0!important;transform:translateY(110%)!important;transition:transform .2s cubic-bezier(.45,.05,.55,.95),opacity .2s cubic-bezier(.45,.05,.55,.95)}@media screen and (max-width:768px){.speech-bubble__message{border-radius:8px;padding:10px}}@media screen and (max-width:478px){.speech-bubble__message{padding:6px 8px;z-index:999}}.speech-bubble__message:after{background-image:url(../assets/images/detail-speech-bubble.png);background-position:50%;background-repeat:no-repeat;bottom:-16px;content:"";display:block;height:26px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);width:32px;z-index:1}@media screen and (max-width:478px){.speech-bubble__message:after{bottom:-12px;z-index:-1}}.speech-bubble__message--second .speech-bubble__text{max-width:130px}@media screen and (max-width:1024px){.speech-bubble__message--second .speech-bubble__text{max-width:100px}}.speech-bubble__message--third.--hidden{opacity:0;transform:translateY(-100%);transition:opacity .2s ease-in-out,transform .2s ease-in-out}.speech-bubble__text{color:#000;font-family:Anton,sans-serif;font-size:2.2rem;line-height:130%;text-align:center;text-transform:uppercase}@media screen and (max-width:1024px){.speech-bubble__text{font-size:1.8rem}}@media screen and (max-width:768px){.speech-bubble__text{font-size:1.6rem}}@media screen and (max-width:478px){.speech-bubble__text{font-size:1.4rem}}@keyframes fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0);z-index:-1}}@keyframes fade-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes pulse-title{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes spin{to{transform:translateY(-50%) rotate(1turn)}}.footer{padding-bottom:32px;width:100%;z-index:1}.footer__container{align-items:center;display:flex;height:auto;justify-content:space-between;margin:0 auto;max-width:calc(100% - 280px);overflow:hidden;width:100%}@media screen and (max-width:1440px){.footer__container{max-width:calc(100% - 140px)}}@media screen and (max-width:998px){.footer__container{max-width:calc(100% - 80px)}}@media screen and (max-width:768px){.footer__container{max-width:calc(100% - 60px)}}@media screen and (max-width:425px){.footer__container{max-width:calc(100% - 20px)}}.footer__text{color:#000;font-family:Montserrat,sans-serif;font-size:1.8rem;font-weight:500;letter-spacing:-.03rem;line-height:2.2rem;transition:opacity .08s ease-in-out;white-space:nowrap}@media screen and (max-width:768px){.footer__text{font-size:1.6rem;line-height:2rem}}@media screen and (max-width:598px){.footer__text{font-size:1.2rem;line-height:1.6rem}}@media screen and (max-width:768px){.footer__text--center{max-width:340px;padding:0 16px;text-align:center;white-space:normal}}@media screen and (max-width:598px){.footer__text--center{max-width:200px;padding:0 12px}}.footer__text.--hidden{opacity:0}.panel--first{padding:0}.panel--first.--first .title{max-width:1240px}.panel--first .title{color:#000;font-family:Anton,sans-serif;font-size:min(8.1vw,16vh);line-height:min(8.6vw,17vh);margin:0 auto;text-align:center;text-transform:uppercase;width:100%}@media(max-width:768px){.panel--first .title{font-size:62px;line-height:62px}}@media(max-width:598px){.panel--first .title{font-size:48px;line-height:48px}}@media(max-width:425px){.panel--first .title{font-size:42px;line-height:42px}}@media(max-height:900px)and (min-width:1280px){.panel--first .title{font-size:min(8.1vw,14vh);line-height:min(8.6vw,15vh)}}@media(max-height:700px)and (min-width:1280px){.panel--first .title{font-size:min(8.1vw,12vh);line-height:min(8.6vw,13vh)}}.panel--second .panel__container{gap:4.4rem}@media screen and (min-width:1024px){.panel--second .panel__container{min-height:540px}}@media screen and (max-width:768px){.panel--second .panel__container{gap:3.4rem}}@media screen and (max-width:598px){.panel--second .panel__container{gap:2.4rem}}.panel--second.--active #panel__border,.panel--second.--active .panel__input{animation:input-width .7s cubic-bezier(.77,0,.175,1) forwards}.panel--second.--active .button--validate{animation:button-appear .75s cubic-bezier(.77,0,.175,1) forwards}.panel__container{max-width:calc(100% - 280px);width:100%}@media screen and (max-width:768px){.panel__container.--hidden{flex:none}}@media screen and (max-width:1440px){.panel__container{max-width:calc(100% - 140px)}}@media screen and (max-width:768px){.panel__container{flex:1;max-width:calc(100% - 60px)}}@media screen and (max-width:598px){.panel__container{max-width:calc(100% - 20px)}}.panel__detection{align-items:center;display:flex;height:100%;justify-content:center;max-height:calc(100vh - 344px);max-width:100%;opacity:1;overflow:hidden;position:relative;transition:opacity .1s cubic-bezier(.77,0,.175,1),max-height .4s cubic-bezier(.77,0,.175,1);width:100%}@media screen and (min-width:1024px){.panel__detection{min-height:400px}}@media screen and (max-width:768px){.panel__detection{max-height:calc(100dvh - 244px)}}.panel__detection.--hidden{max-height:0;min-height:0;opacity:0}.panel__callout{align-items:center;display:flex;flex-direction:column;max-width:calc(100% - 80px);opacity:0;position:absolute;transform:translateY(-100%);width:100%;z-index:2}.panel__callout.--hidden{opacity:0!important;transition:opacity .3s ease-out}@media screen and (max-width:768px){.panel__callout{max-width:calc(100% - 40px)}}.panel__callout-title{color:#ffcd01;font-family:Anton,sans-serif;font-size:min(8.125vw,15.6rem);line-height:min(8.3333333333vw,16rem);margin:0 auto;text-align:center;text-transform:uppercase;width:100%}@media(max-height:900px){.panel__callout-title{font-size:min(15.6vw,14vh);line-height:min(16vw,15vh)}}@media(max-height:700px){.panel__callout-title{font-size:min(15.6vw,12vh);line-height:min(16vw,13vh)}}@media(max-width:1280px){.panel__callout-title{font-size:min(4.4791666667vw,8.6rem);line-height:min(4.6354166667vw,8.9rem)}}@media(max-width:1280px)and (max-height:900px){.panel__callout-title{font-size:min(8.6vw,14vh);line-height:min(8.9vw,15vh)}}@media(max-width:1280px)and (max-height:700px){.panel__callout-title{font-size:min(8.6vw,12vh);line-height:min(8.9vw,13vh)}}.panel__callout-text{color:#ffcd01;font-family:Anton,sans-serif;font-size:min(2.5vw,4.8rem);line-height:min(2.5520833333vw,4.9rem);margin:0 auto;text-align:center;text-transform:uppercase;width:100%}@media(max-height:900px){.panel__callout-text{font-size:min(4.8vw,14vh);line-height:min(4.9vw,15vh)}}@media(max-height:700px){.panel__callout-text{font-size:min(4.8vw,12vh);line-height:min(4.9vw,13vh)}}@media(max-width:1280px){.panel__callout-text{font-size:min(1.9791666667vw,3.8rem);line-height:min(2.03125vw,3.9rem)}}@media(max-width:1280px)and (max-height:900px){.panel__callout-text{font-size:min(3.8vw,14vh);line-height:min(3.9vw,15vh)}}@media(max-width:1280px)and (max-height:700px){.panel__callout-text{font-size:min(3.8vw,12vh);line-height:min(3.9vw,13vh)}}.panel__webcam{background-color:#000;border-radius:1.4rem;height:100%;max-height:calc(100vh - 344px);max-width:100%;object-fit:cover;transform:scaleX(-1);width:100%}@media screen and (min-width:1024px){.panel__webcam{min-height:400px}}@media screen and (max-width:768px){.panel__webcam{max-height:calc(100dvh - 244px)}}.panel__wrapper{align-items:center;display:flex;justify-content:center;max-width:480px;position:relative;width:100%;z-index:2}@media screen and (max-width:1366px){.panel__wrapper{max-width:430px}}@media screen and (max-width:998px){.panel__wrapper{max-width:376px}}@media screen and (max-width:820px){.panel__wrapper{max-width:340px}}@media screen and (max-width:768px){.panel__wrapper{max-width:287px}}@media screen and (max-width:658px){.panel__wrapper{flex-direction:column}}.panel__input{border-radius:1.2rem;color:#000;font-family:Anton,sans-serif;font-size:3.9rem;line-height:3.9rem;max-height:103px;max-width:480px;overflow:hidden;padding:2.2rem 3.3rem;position:relative;text-transform:uppercase;will-change:width,opacity,transform;z-index:1}@media(max-height:700px)and (min-width:1280px){.panel__input{font-size:3.2rem;line-height:3.2rem;padding:1.8rem 2.2rem}}@media screen and (max-width:1366px){.panel__input{font-size:3.2rem;line-height:3.2rem;max-width:430px;padding:2rem 3rem}}@media screen and (max-width:998px){.panel__input{max-width:376px}}@media screen and (max-width:820px){.panel__input{max-width:340px}}@media screen and (max-width:1024px){.panel__input{padding:1.8rem 2.4rem}}@media screen and (max-width:768px){.panel__input{font-size:2.6rem;line-height:2.6rem;padding:1.6rem 1.8rem}}@media screen and (max-width:448px){.panel__input{font-size:2.2rem;letter-spacing:-.5px;line-height:2.2rem;padding:1.6rem}}@media screen and (max-width:398px){.panel__input{border-radius:.8rem;font-size:1.8rem;line-height:1.8rem;padding-left:1rem;padding-right:1rem}}.panel__coupon{align-items:center;display:flex;gap:48px;height:auto;justify-content:center;max-width:932px;position:relative;width:932px;z-index:1}@media screen and (max-width:1366px){.panel__coupon{max-width:870px;width:870px}}@media screen and (max-width:998px){.panel__coupon{width:100%}}.panel__coupon.--active{animation:min-height-anim .3s cubic-bezier(.87,0,.13,1) forwards;animation-delay:.2s}@media screen and (max-width:498px){.panel__coupon.--active{bottom:10%}}.panel__coupon.--active .panel__coupon-background{opacity:1}.panel__coupon.--active .panel__coupon-background img{animation:expand-background .8s cubic-bezier(.87,0,.13,1) forwards;animation-delay:.3s}.panel__coupon.--active .panel__coupon-label{opacity:1;transition:opacity .2s cubic-bezier(.87,0,.13,1);transition-delay:.8s}.panel__coupon.--active .panel__coupon-label.--left:after{animation:draw-vertical-line .6s cubic-bezier(.4,0,.2,1) forwards;animation-delay:.8s}.panel__coupon.--active .panel__coupon-label.--right:before{animation:draw-vertical-line .6s cubic-bezier(.4,0,.2,1) forwards;animation-delay:.9s}.panel__coupon.--active #panel__svg{height:calc(100% - 50px);opacity:1;transition:height .2s cubic-bezier(.87,0,.13,1)}@media screen and (max-width:598px){.panel__coupon.--active #panel__svg{height:calc(100% - 80px)}}@media screen and (max-width:448px){.panel__coupon.--active #panel__svg{height:calc(100% - 100px)}}.panel__coupon.--active #panel__svg .lines{animation:draw-line 1s cubic-bezier(.4,0,.2,1) forwards;animation-delay:.6s}@media screen and (max-width:658px){.panel__coupon.--active .panel__wrapper{margin-bottom:60px;text-align:center}}@media screen and (max-width:498px){.panel__coupon.--active .panel__wrapper{max-width:242px}}@media screen and (max-width:448px){.panel__coupon.--active .panel__wrapper{max-width:202px}}@media screen and (max-width:398px){.panel__coupon.--active .panel__wrapper{max-width:160px}}@media screen and (max-width:498px){.panel__coupon.--active .panel__input{max-width:242px}}@media screen and (max-width:448px){.panel__coupon.--active .panel__input{max-width:202px}}@media screen and (max-width:398px){.panel__coupon.--active .panel__input{max-width:160px}}.panel__coupon-background{bottom:0;height:100%;left:0;margin:auto;overflow:hidden;position:absolute;right:0;top:0;transform-origin:center;width:100%;z-index:0}@media screen and (max-width:598px){.panel__coupon-background{height:243px}}@media screen and (max-width:448px){.panel__coupon-background{height:213px}}.panel__coupon-background img{height:100%;object-fit:contain;transform:scaleX(0);transform-origin:center;width:100%}@media screen and (max-width:998px){.panel__coupon-background img{object-fit:fill}}.panel__coupon-label{align-items:center;display:flex;height:calc(100% - 56px);justify-content:center;max-width:none;opacity:0;padding:32px 16px;pointer-events:none;position:relative;width:auto;width:87px;z-index:1}@media screen and (max-width:998px){.panel__coupon-label{padding:0;position:absolute;width:60px}}@media screen and (max-width:598px){.panel__coupon-label{height:calc(100% - 80px);width:45px}}@media screen and (max-width:448px){.panel__coupon-label{height:calc(100% - 100px);width:40px}}@media screen and (max-width:998px){.panel__coupon-label.--left{left:8.5%}}@media screen and (max-width:448px){.panel__coupon-label.--left{left:10.5%}}@media screen and (max-width:398px){.panel__coupon-label.--left{left:7.5%}}.panel__coupon-label.--left:after{background:#ffcd01;content:"";height:0;position:absolute;right:0;top:0;width:3px}@media screen and (max-width:998px){.panel__coupon-label.--right{right:8.5%}}@media screen and (max-width:448px){.panel__coupon-label.--right{right:10.5%}}@media screen and (max-width:398px){.panel__coupon-label.--right{right:7.5%}}.panel__coupon-label.--right:before{background:#ffcd01;content:"";height:0;left:0;position:absolute;top:0;width:3px}.panel__coupon-label-text{color:#ffcd01;font-size:21px;letter-spacing:10.5px;line-height:22px;position:absolute;text-transform:uppercase;transform:rotate(270deg);transform-origin:center;white-space:nowrap}@media screen and (max-width:998px){.panel__coupon-label-text{letter-spacing:8.5px}}@media screen and (max-width:598px){.panel__coupon-label-text{font-size:16px;line-height:140%}}@media screen and (max-width:398px){.panel__coupon-label-text{font-size:12px;letter-spacing:5px}}.panel__details{align-items:center;background:maroon;display:flex;height:100%;justify-content:center;position:absolute;width:auto;z-index:1}.panel__details.--left{left:0}.panel__details.--right{right:0}.button--validate{opacity:0;will-change:opacity,transform,left,right;z-index:1}#panel__svg{border-radius:30px;bottom:0;height:0;left:0;margin:auto;max-width:calc(100% - 180px);opacity:0;position:absolute;right:0;top:0;width:100%;z-index:1}@media screen and (max-width:998px){#panel__svg{max-width:calc(100% - 120px)}}@media screen and (max-width:768px){#panel__svg{max-width:calc(100% - 100px)}}@media screen and (max-width:598px){#panel__svg{max-width:calc(100% - 80px)}}@media screen and (max-width:398px){#panel__svg{max-width:calc(100% - 55px)}}#panel__svg .lines{stroke:#ffcd01;fill:transparent;stroke-dasharray:2020;stroke-dashoffset:2020}#panel__border{background:#ffcd01;border-radius:12px;height:100%;position:absolute;width:100%;will-change:width,opacity,transform}#panel__border .container{height:100%;width:100%;stroke:#000;stroke-dasharray:0;stroke-dashoffset:0;transform:translateZ(0)}#panel__border .container.--success{animation:dash .6s cubic-bezier(.39,.575,.565,1) forwards}@keyframes input-width{0%{opacity:0;transform:scale(.7);width:1%}20%{opacity:1;transform:scale(.9)}60%{transform:scale(1.03)}to{opacity:1;transform:scale(1);width:100%}}@keyframes button-appear{0%{opacity:0;transform:scale(.8)}20%{opacity:1;transform:scale(.9)}30%{left:auto;right:38%}to{opacity:1;right:5%;transform:scale(1)}}@keyframes draw-line{to{stroke-dashoffset:0}}@keyframes dash{0%{stroke-dasharray:82;stroke-dashoffset:0}20%{stroke-dasharray:64;stroke-dashoffset:24}40%{stroke-dasharray:16;stroke-dashoffset:48}60%{stroke-dasharray:14;stroke-dashoffset:72}80%{stroke-dasharray:12;stroke-dashoffset:96}to{stroke-dasharray:12;stroke-dashoffset:120}}@keyframes draw-vertical-line{to{height:100%}}@keyframes expand-background{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes min-height-anim{0%{height:0;min-height:0}to{height:auto;min-height:283px}}.popup{background-color:#ffcd01;border:3px solid #000;border-radius:12px;height:100%;left:41px;max-height:150px;max-width:430px;opacity:0;position:fixed;top:0;transform:translateY(-100%);width:100%;will-change:transform,opacity;z-index:999}@media screen and (max-width:1440px){.popup{gap:2rem;max-width:350px}}@media screen and (max-width:1280px){.popup{max-height:120px;max-width:max-content;padding:0 25px}}@media screen and (max-width:768px){.popup{bottom:auto;left:0;margin:auto;right:0}}.popup__container{align-items:center;display:flex;gap:4rem;height:100%;justify-content:center;width:100%}@media screen and (max-width:1440px){.popup__container{gap:2rem}}@media screen and (max-width:1280px){.popup__container{gap:1.6rem}}.popup__img{height:auto;max-width:84px;pointer-events:none}@media screen and (max-width:1280px){.popup__img{max-width:64px}}.popup__text{color:#000;font-family:Anton,sans-serif;font-size:3.5rem;font-weight:400;letter-spacing:-.03rem;line-height:3.6rem;max-width:185px;text-transform:uppercase;transition:opacity .08s ease-in-out;width:100%}@media screen and (max-width:1280px){.popup__text{font-size:2.5rem;line-height:2.5rem;max-width:130px}}