.banner{--banner-image:url(https://next-nls.s3.eu-central-1.amazonaws.com/pages/painting-on-tablet-lp-ua/banner.webp);--banner-size:109px auto;--banner-background:linear-gradient(90deg, #5331b2 28.8%, #23154c 100%);background:var(--banner-image) no-repeat right bottom / var(--banner-size), var(--banner-background)}.banner__date-block,.banner-timer{font-family:var(--font-rubik), sans-serif}@media (min-width:375px){.banner{--banner-image:url(https://next-nls.s3.eu-central-1.amazonaws.com/pages/painting-on-tablet-lp-ua/banner-xs.webp)}}@media (min-width:768px){.banner{--banner-image:url(https://next-nls.s3.eu-central-1.amazonaws.com/pages/painting-on-tablet-lp-ua/banner-md.webp);--banner-size:220px auto}}@media (min-width:1280px){.banner{--banner-size:240px auto}}@media (min-width:1600px){.banner{--banner-size:260px auto}}.banner h4 span>span{background:#653cd9;border-radius:3px;padding:2px 8px;display:inline-block;transform:rotate(-3deg)}@media (min-width:768px){.banner h4 span>span{padding:2px 11px}}.banner.continue{--banner-background:#be2b8e}.banner.continue h4 span>span{background:#942971}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-duration:initial}}}.popupBanner__content{font-family:var(--font-rubik), sans-serif;background-image:url(https://next-nls.s3.eu-central-1.amazonaws.com/pages/painting-on-tablet-lp-ua/banner-confeti.svg);background-position:0 -445px;background-repeat:no-repeat}.popupBanner__content:focus-visible{outline:none}.popupBanner__title span>span{border-radius:var(--radius-xl,.75rem);padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 1);font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-white,#fff);text-transform:uppercase;background-color:#653cd9;display:inline-block;position:relative;rotate:-4deg}@media (min-width:48rem){.popupBanner__title span>span{font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2 / 1.5)))}}.popupBanner__title span>span b{top:calc(var(--spacing,.25rem) * 1);left:calc(var(--spacing,.25rem) * 2);font-size:8px;position:absolute}.popupBanner__title span>span:after{content:"";background-image:url(https://next-nls.s3.eu-central-1.amazonaws.com/pages/painting-on-tablet-lp-ua/banner-headdress.webp);background-repeat:no-repeat;background-size:cover;width:28px;height:28px;position:absolute;top:-12px;right:-8px}.popupBanner__description span{background-image:url(https://next-nls.s3.eu-central-1.amazonaws.com/pages/painting-on-tablet-lp-ua/banner-headdress.webp);background-position:50%;background-repeat:no-repeat;background-size:cover}.popupBanner__content .input-field{height:calc(var(--spacing,.25rem) * 10);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);color:#1a1a1a;border-color:#e0e0e0;border-radius:24px;padding-block:10px}.popupBanner__content .input-field::placeholder{color:#999}@media (min-width:48rem){.popupBanner__content .input-field{height:calc(var(--spacing,.25rem) * 12)}.popupBanner__content .input-field{border-radius:32px}.popupBanner__content .input-field{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)))}}.popupBanner__form form{gap:28px}@media (min-width:48rem){.popupBanner__form form{gap:calc(var(--spacing,.25rem) * 8)}}.popupBanner__form .btn{box-shadow:none;height:calc(var(--spacing,.25rem) * 10);--tw-border-style:none;padding-block:calc(var(--spacing,.25rem) * 1);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:#1a1a1a;--tw-duration:.2s;background:#fec830;border:none;border-radius:48px;transition-duration:.2s}@media (hover:hover){.popupBanner__form .btn:hover{background-color:#f5d87a}}.popupBanner__form .btn:focus{background-color:#f5d87a}@media (min-width:48rem){.popupBanner__form .btn{height:calc(var(--spacing,.25rem) * 12)}.popupBanner__form .btn{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))}}.popupBanner__form .btn:before,.popupBanner__form .btn:after{content:none}.popupBanner__content .modal-close-btn{width:calc(var(--spacing,.25rem) * 8);height:calc(var(--spacing,.25rem) * 8);top:8px;right:8px}@media (min-width:48rem){.popupBanner__content .modal-close-btn{width:calc(var(--spacing,.25rem) * 10);height:calc(var(--spacing,.25rem) * 10)}}.popupBanner__content.success{background-image:url(https://next-nls.s3.eu-central-1.amazonaws.com/pages/painting-on-tablet-lp-ua/banner-confeti.svg),url(https://next-nls.s3.eu-central-1.amazonaws.com/pages/painting-on-tablet-lp-ua/banner-confeti.svg);background-position:50% -400px,50% 295px}.popupBanner__textSuccess span{padding-inline:calc(var(--spacing,.25rem) * 2);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-white,#fff);background-color:#653cd9;border-radius:6px;display:inline-block;rotate:-3deg}@media (min-width:768px){.popupBanner__content{background-position:0 -440px}.popupBanner__title span>span:after{width:32px;height:32px}}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}