@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";.home-page-container .home-page-grid-wrapper{height:100%;width:100%}.home-moto{display:flex;flex-direction:column;justify-content:center;align-items:center}.home-slider{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px;background-blend-mode:multiply}.home-slider .fade-slider{position:relative;width:100%;max-width:560px;aspect-ratio:4/5;overflow:hidden;border-radius:12px}.home-slider .slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease-in-out;will-change:opacity;-webkit-user-select:none;user-select:none;pointer-events:none}.home-slider .slide.active{opacity:1}@media (max-width: 600px){.home-page-container{height:calc(100vh - 57px)}.home-page-container .fade-slider{left:-25px}}.color-circle{display:inline-block;width:15px;height:15px;background-color:#000;border-radius:50%;margin-right:5px;border:1px solid #000}.qr-code-modal-container{width:115px;height:115px;display:flex;align-items:center;justify-content:center}.QR-code-modal__container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;background-color:#fff;border-radius:6px;padding:15px}.qr-code-modal__actions{position:relative;width:100%;height:100%;top:5px;mix-blend-mode:multiply}.qr-code-modal__create{scale:1.5}.edit-qr-code__button{position:absolute}@media screen and (max-width: 1400px){.qr-code-modal__create{scale:1.2}.qr-code-modal-container{width:100px;height:100px}.qr-code-modal__actions svg{scale:.8}}@media (max-width: 600px){.QR-code-modal__container{width:340px}.qr-code-modal-container{width:100px;height:74px}.qr-code-modal__actions{scale:.7;top:-8px}.qr-code-modal__create{scale:1}}@media (max-width: 400px){.qr-code-modal-container{align-items:start}.qr-code-modal__actions{scale:.7}.qr-code-modal__create{top:10px;scale:1.1}}.create-sticker__form-wrapper{width:100%;height:1000px;background-image:url(/white.jpeg);background-repeat:no-repeat;background-size:contain;background-position:center;display:flex;align-items:center;justify-content:center}.create-sticker__form{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.create-sticker__style-inputs-container{display:flex;width:95%}.sticker__preview{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;padding:1rem;width:100%;height:300px;background-repeat:no-repeat;background-size:contain;background-position:center;position:relative}.create-sticker__input{border:none;background:transparent;color:inherit;text-align:center;font:inherit;width:225px}input#stickerName{font-size:36px;font-weight:800;width:100%;position:relative;bottom:2rem}input#stickerName::placeholder{font-size:25px}input#companyName{font-size:30px;font-weight:800}input#companyName::placeholder{font-size:25px}input#service{font-size:18px;font-weight:400}input#discount{font-size:28px;font-weight:800}input#promo{font-size:18px;font-weight:400;position:relative;z-index:2}.create-sticker__input-user-contacts{display:flex;flex-direction:column}.create-sticker__input-user-contacts input#address,.create-sticker__input-user-contacts input#phone{font-size:16px;font-weight:400}.create-sticker__submit-container{position:absolute;width:100%;bottom:0}@media screen and (max-width: 1480px){input#stickerName{width:90%}.create-sticker__style-inputs-container{width:77%}}@media screen and (max-width: 1400px){.create-sticker__style-inputs-container{width:70%}.sticker__preview{height:255px}.create-sticker__input{width:190px}input#stickerName{width:80%;bottom:1rem}input#discount,input#companyName{font-size:20px}input#service,input#promo{font-size:16px}.create-sticker__input-user-contacts input#address,.create-sticker__input-user-contacts input#phone{font-size:15px}}@media (max-width: 600px){.create-sticker__input{padding:2px}.create-sticker__style-inputs-container{width:60%}.sticker__preview{width:170px;height:245px;gap:2px}input#stickerName{font-size:25px;width:74%}input#companyName{font-size:22px;font-weight:800}input#companyName::placeholder{font-size:20px}input#discount{font-size:20px}input#promo,.create-sticker__input-user-contacts input#address,.create-sticker__input-user-contacts input#phone{font-size:16px}.create-sticker__form{width:400px}.create-sticker__submit-container{width:100%;bottom:0;right:0;transform:translate(0)}.sticker__preview{margin-top:10px}}@media (max-width: 400px){.create-sticker__style-inputs-container{height:45px}.create-sticker__input{padding:0}.create-sticker__form{background-position:center 50px}.sticker__preview{width:157px;height:210px}input#stickerName{font-size:22px;width:74%}}.header{height:var(--header-height)}.header__logo{width:100px;position:relative}.header__logo.desktop{bottom:3px}.header__logo.mobile{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.header__logo img{width:100%}.sticker-list-item-preview{position:relative;overflow:hidden}.sticker-list-item-preview:before{content:"";position:absolute;width:200px;height:200px;background-image:url(/qr-code-bg-item.png);background-repeat:no-repeat;background-size:contain;top:32%;left:50%;transform:translate(-50%)}html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}input,select{vertical-align:middle}:root{--color-bg: white;--header-height: 65px;--mobile-header-height: 104px}body{font-family:Roboto,sans-serif;font-weight:400;font-size:16px;background-color:var(--color-bg)}.full-screen-page-container{width:100vw;height:calc(100vh - var(--header-height))}@media screen and (max-width: 900px) and (orientation: landscape){body:before{content:"Please use the site in portrait mode 📱";display:flex;align-items:center;justify-content:center;position:fixed;inset:0;background:#fff;color:#000;font-size:1.2rem;text-align:center;z-index:9999;padding:1rem}}@media (max-width: 600px){.full-screen-page-container{height:calc(100vh - 104px)}}@media (max-width: 400px){.full-screen-page-container{height:calc(100vh - 145px)}}
