/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}hr{height:0;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}body{background-color:var(--background-color);color:var(--white-text-color);font-family:Inter Tight,sans-serif}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}p:last-child{margin-bottom:0}ul{margin:0;padding:0;list-style:none}a{color:currentColor;text-decoration:none}button{cursor:pointer;background-color:transparent;border:none;padding:0;margin:0;outline:none;font:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}img{display:block;max-width:100%;height:auto}.header{display:block;position:absolute;width:100%;top:0;z-index:2;background-color:transparent}.header-container{display:flex;padding-top:32px;padding-bottom:32px;align-items:flex-start;justify-content:space-between}.header-logo{display:flex;font:500 20px;letter-spacing:-.02em}.header-logo-img{margin-right:8px}.header-nav{display:flex;flex-direction:column;justify-content:space-between;text-align:center;width:80px;align-items:center;position:relative;gap:8px}.menu-btn{display:none;font:500 16px;letter-spacing:-.02em;padding:10px;transition:scale .25s cubic-bezier(.4,0,.2,1)}.menu-btn:hover{color:var(--accent-color);scale:1.2}.header-block{display:flex;align-items:center}.header label{margin:0 12px 12px auto;width:69px;height:37px;display:block;position:relative;background-color:var(--background-color);border-radius:200px;border:1px solid var(--button-border-color);box-shadow:inset 0 5px 15px #0006,inset 0 5px 15px #fff6;transition:1s}.header label:after{content:"";width:33px;height:33px;position:absolute;top:1px;left:1px;background:linear-gradient(180deg,#777,var(--accent-color));border-radius:33px;box-shadow:0 5px 10px #0003;transition:1s}.header input{width:0;height:0;visibility:hidden}.header input:checked+label:after{transform:translate(100%);background:linear-gradient(180deg,#ffcc89,#ffcc89)}@media screen and (min-width: 768px){.header label{width:89px}.header input:checked+label:after{left:20px}.menu-btn{display:block;color:inherit;border-bottom:1px solid;padding:0;margin-bottom:20px}}.header-menu{display:none}@media screen and (min-width: 768px){.header-menu{position:absolute;top:35px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}}.header-menu-item{transition:scale .25s cubic-bezier(.4,0,.2,1)}.header-menu-item:hover{scale:1.2;color:var(--accent-color);letter-spacing:-.02em;font:500 16px}.header-order{display:none;font:500 16px;letter-spacing:-.02em;background-color:var(--accent-color);border-radius:60px;width:163px;height:55px;transition:scale .25s cubic-bezier(.4,0,.2,1)}.header-order:hover{background-color:#e0373f;scale:1.15}@media screen and (min-width: 768px){.header-order{display:flex;justify-content:center;align-items:center}}.header-btn{transition:scale .25s cubic-bezier(.4,0,.2,1)}.header-btn:hover{scale:1.2}@media screen and (min-width: 768px){.header-btn{display:none}}.header-btn-icon{stroke:var(--white-text-color)}.header-btn-icon:hover{stroke:var(--accent-color)}.backdrop{position:fixed;z-index:9;top:0;width:100%;height:100%;background-image:url(/NotWizards.YET/assets/mobmenu-background-ac5fefe7.png);background-repeat:no-repeat;background-size:cover;right:-100%;transition:right .5s ease}div.backdrop-white{background-image:url(/NotWizards.YET/assets/mobile-menu-white-ae0ae6e1.png)}.backdrop--show{right:0}.backdrop--hide{right:-100%}.mobmenu{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:relative;padding-top:200px;padding-bottom:60px}.mobmenu__close{position:absolute;top:32px;right:18px;transition:scale .25s cubic-bezier(.4,0,.2,1)}.mobmenu__close:hover{scale:1.2}.mobmenu-close-icon{stroke:var(--white-text-color)}.mobmenu-close-icon:hover{stroke:var(--accent-color)}.mobmenu-list{display:flex;flex-direction:column;gap:12px;align-items:center}.mobmenu-item{border-bottom:1px solid;transition:scale .25s cubic-bezier(.4,0,.2,1)}.mobmenu-item:hover{color:var(--accent-color);scale:1.2}.mobmenu-order{background-color:var(--accent-color);border-radius:60px;width:163px;height:55px;display:flex;justify-content:center;align-items:center;font:500 16px;letter-spacing:-.02em;transition:scale .25s cubic-bezier(.4,0,.2,1)}.mobmenu-order:hover{background-color:#e0373f;scale:1.15}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.backdrop{background-image:url(/NotWizards.YET/assets/mobmenu-background@2x-34619ccf.png)}div.backdrop-white{background-image:url(/NotWizards.YET/assets/mobile-menu-white@2x-7724da9f.png)}}.hero{position:relative;padding-top:281px;padding-bottom:32px;background-image:url(/NotWizards.YET/assets/background-mobile-ca277f94.png);background-size:375px 100%;background-repeat:no-repeat}section.hero-white{background-image:url(/NotWizards.YET/assets/mob-background-wite-min-1117a7a9.png)}.hero-buttons{margin:212px 0 0;display:flex;flex-direction:column}.hero-title{text-transform:uppercase;font-weight:500;font-size:50px;line-height:1;letter-spacing:-.03em;color:var(--white-text-color);width:100%}.hero-contacts{display:flex;gap:0 4px;width:100%}.contacts-list{display:flex;justify-content:center;border:1px solid var(--button-border-color);border-radius:50%;width:37px;height:37px;font-size:14px;letter-spacing:-.02em;line-height:1;padding:10px 12px}.contacts-list:hover,.contacts-list:active{border:1px solid var(--white-text-color)}.mail{display:block;width:178px;border-radius:60px}.hero-link{align-self:center}@media screen and (min-resolution: 192dpi) and (min-width: 320px),screen and (min-resolution: 2dpi) and (min-width: 320px),screen and (min-device-pixel-ratio: 2) and (min-width: 320px){.hero{background-image:url(/NotWizards.YET/assets/background-mobile@2x-c8306c25.png)}section.hero-white{background-image:url(/NotWizards.YET/assets/mob-wite@2x-min-d7be281a.png)}}@media screen and (max-width: 374px){.hero-contacts{display:flex;flex-wrap:wrap;gap:4px;width:100%}.mail{margin-top:4px}}@media screen and (min-width: 768px){.hero{background-image:url(/NotWizards.YET/assets/background-tablet-1ef5c8f7.png);background-size:768px 100%;padding-top:300px;padding-bottom:32px}section.hero-white{background-image:url(/NotWizards.YET/assets/background-tablet-1ef5c8f7.png)}.hero-buttons{margin:187px 0 0 auto;display:flex;flex-direction:row-reverse}.hero label{margin:0 0 0 8px;height:55px}.hero label:after{width:49px;height:49px;border-radius:38px;top:2px;left:2px}.hero input:checked+label:after{left:-13px}.hero-title{font-size:90px;width:632px}.hero-contacts{gap:0 8px;width:475px}.contacts-list{width:55px;height:55px;font-size:16px}.mail{width:223px;padding:18px 24px}}@media screen and (min-resolution: 192dpi) and (min-width: 768px),screen and (min-resolution: 2dpi) and (min-width: 768px),screen and (min-device-pixel-ratio: 2) and (min-width: 768px){.hero{background-image:url(/NotWizards.YET/assets/background-tablet@2x-e97812f2.png)}section.hero-white{background-image:url(/NotWizards.YET/assets/tablet-menu-white@2x-min-f914f172.png)}}@media screen and (min-width: 1440px){.hero{background-image:url(/NotWizards.YET/assets/background-desktop-302330e3.png);background-size:1440px 100%}section.hero-white{background-image:url(/NotWizards.YET/assets/desktop-background-white-ac343d83.png)}.hero-buttons{margin-top:243px;display:flex;flex-direction:row-reverse}.hero-title{margin:0 auto;width:1084px}}@media screen and (min-resolution: 192dpi) and (min-width: 1440px),screen and (min-resolution: 2dpi) and (min-width: 1440px),screen and (min-device-pixel-ratio: 2) and (min-width: 1440px){.hero{background-image:url(/NotWizards.YET/assets/background-desktop@2x-b5d4e031.png)}section.hero-white{background-image:url(/NotWizards.YET/assets/desktop-background-white@2x-min-c4c86a92.png)}}.about-section{padding-top:32px;padding-bottom:32px;background-color:var(--background-color);color:var(--white-text-color)}.container-about{margin-top:48px}.pictures-about{display:flex;flex-direction:column;gap:16px}.main-about-block{width:100%;height:500px;background-color:var(--cards-background-color);border-radius:24px}.main-about-block:first-child{padding-top:32px;padding-left:32px;padding-right:32px}.my-photo{object-fit:cover;width:100%;height:500px;border-radius:24px}.main-about-info{font-size:24px;text-transform:uppercase}.functional-word{color:var(--accent-color)}.website-word{color:#fafafa66}.accordion-element:not(:first-child){margin-top:20px}.accordion-title{display:flex;justify-content:space-between;font-weight:600;font-size:16px;line-height:1.5;text-transform:uppercase;color:var(--grey-title-color)}.accordion-header{font-weight:600;font-size:16px;line-height:1.5;text-transform:uppercase;color:var(--grey-title-color)}.accordion-title .arrow{display:flex;width:36px;height:36px;align-items:center;justify-content:center;background-color:transparent;border:1px solid var(--button-border-color);border-radius:50%;cursor:pointer}.accordion-description{height:0;margin-top:12px;overflow:hidden;transition:height .5s ease}.accordion-description.active{height:auto}.accordion-title svg{transform:rotate(0);transition:transform .2s ease}.accordion-title.active svg{transform:rotate(180deg)}.ac-text-about-me:first-child{margin-bottom:32px}.ac-text-about-me,.accordeon-text-content{font-weight:500;font-size:16px;line-height:1.5}.accordeon-text-content:not(:last-child){margin-bottom:10px}.accordion-element:after{content:"";display:block;width:100%;margin-top:20px;border-bottom:1px solid var(--button-border-color);border-radius:2px}.swiper-container{display:flex;margin-top:32px}.skills-container{width:100%;height:auto;overflow:hidden}.skills-swiper-wrapper{display:flex;align-items:center;justify-content:center;flex-direction:row}.skills-swiper-wrapper .skill-slide{display:flex;width:130px;height:130px;align-items:center;justify-content:center;font-family:Inter Tight,sans-serif;border:1px solid var(--button-border-color);border-radius:50%;cursor:pointer;transition:background-color .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1)}.skills-swiper-wrapper .skill-slide:hover{background-color:var(--accent-color);border-color:transparent}.swipe-next-button .button-next{display:flex;margin-left:55px;margin-top:51px;margin-bottom:51px;width:28px;height:28px;align-items:center;justify-content:center;background-color:transparent;border:transparent;cursor:pointer}.button-next .svg-arrow-right{fill:none;stroke:var(--arrow-color);transition:stroke .25s cubic-bezier(.4,0,.2,1)}.button-next .svg-arrow-right:hover{stroke:var(--white-text-color)}@media screen and (min-width: 768px){.about-section{padding-top:96px;padding-bottom:82px}.container-about{margin-top:64px}.main-about-block,.my-photo{width:704px;height:700px}.main-about-info{font-size:36px}.main-about-block:first-child{padding-top:64px;padding-left:64px;padding-right:64px}.accordion-element:not(:first-child){margin-top:32px}.accordion-title .arrow{width:40px;height:40px}.accordion-description{margin-top:8px}.ac-text-about-me:first-child{margin-bottom:16px}.accordion-element:after{margin-top:32px}.swiper-container{margin-top:64px}.skills-swiper-wrapper .skill-slide{width:200px;height:200px}.swipe-next-button .button-next{margin-left:64px;margin-top:80px;margin-bottom:80px;width:40px;height:40px}}@media screen and (min-width: 1440px){.about-section{padding-top:96px;padding-bottom:82px}.container-about{margin-top:32px}.pictures-about{flex-direction:row}.main-about-block,.my-photo{width:680px;height:700px}.accordion-description{padding-left:696px;padding-right:68px}.ac-text-about-me:first-child{margin-bottom:32px}.swiper-container{margin-top:96px;padding-left:32px;padding-right:32px}.swipe-next-button .button-next{margin-left:72px;margin-top:90px;margin-bottom:90px}}.benefits-container{padding-top:32px;padding-bottom:32px}.benefits-header{font-weight:600;font-size:16px;line-height:1.5;letter-spacing:-.02em;text-transform:uppercase;color:var(--grey-title-color);text-shadow:var(--text-shadow);margin-bottom:32px}.benefits-list{margin-bottom:32px}.benefits-item{border-radius:20px;max-width:343px;max-height:270px;background-color:var(--cards-background-color);margin-bottom:16px;padding:24px}.benefits-item:hover .square-icon{animation:shake 2s infinite linear}.benefits-item:hover{border:solid 1px var(--accent-color)}@keyframes shake{0%{background-color:var(--icon-accent);transform:translate(5px,5px)}10%{transform:translate(-5px,-5px)}20%{transform:translate(5px,5px)}30%{transform:translate(-5px,-5px)}40%{transform:translate(5px,5px)}50%{transform:translate(-5px,-5px)}}.item-header{font-weight:600;font-size:20px;line-height:1.5;letter-spacing:-.02em;color:var(--white-text-color);margin-bottom:8px;margin-top:64px}.item-description{font-weight:500;font-size:16px;line-height:1.5;letter-spacing:-.02em;color:var(--grey-text-color)}.link-order{border:1px solid var(--button-border-color);border-radius:60px;padding:18px 36px;width:187px;height:55px;font-weight:500;font-size:15px;letter-spacing:-.02em;color:var(--white-text-color);background-color:transparent;text-align:center}.link-order:hover{background-color:var(--accent-color)}.square-icon{height:48px;width:48px;background-color:var(--accent-color);border-radius:10px;display:flex;align-items:center;justify-content:center}@media screen and (min-width: 768px){.benefits-container{padding-top:48px;padding-bottom:48px}.benefits-list{width:704px;display:flex;flex-direction:row;column-gap:16px;flex-wrap:wrap;justify-content:center}}@media screen and (min-width: 1440px){.benefits-container{padding-top:82px;padding-bottom:82px}.benefits-list{width:680px;margin-left:696px}.benefits-item{width:332px}.link-order{margin-left:696px}}.covers-section{padding-top:32px;padding-bottom:32px}.content{position:relative;max-width:375px;height:508px;margin:0 auto;overflow:hidden;background-image:linear-gradient(rgba(217,217,217,.04),rgba(217,217,217,.04)),url(/NotWizards.YET/assets/background-62150c2c.png);background-repeat:no-repeat;background-position:center;background-size:cover;background-color:#d9d9d90a}.covers-list{position:absolute;top:24px;z-index:99;display:flex;flex-direction:column;gap:24px;align-items:center}.covers-list-item{display:flex;gap:24px;width:1818px;transform:rotate(16deg)}.covers-image{width:282px;height:163px}.in-viewport img{animation-name:coversLine;animation-duration:8s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-iteration-count:infinite}@keyframes coversLine{0%{transform:translate(-20%)}to{transform:translate(-280%)}}@media screen and (min-resolution: 192dpi),screen and (min-resolution: 2dppx),screen and (min-device-pixel-ratio: 2){.content{background-image:linear-gradient(rgba(217,217,217,.04),rgba(217,217,217,.04)),url(/NotWizards.YET/assets/background@2x-045de139.png)}}@media screen and (min-width: 768px){.covers-section{padding-top:48px;padding-bottom:48px}.content{max-width:768px;height:960px;margin:0 auto}.covers-list{gap:48px}.covers-list-item{width:3510px;gap:48px}.covers-image{width:544px;height:314px}}@media screen and (min-width: 1440px){.covers-section{padding-top:104px;padding-bottom:60px}.content{max-width:1440px}}.projects{background-color:var(--background-color);padding-top:32px;padding-bottom:32px}.projects-title-box{margin-bottom:32px}.projects-title{text-align:left;font-weight:600;font-size:16px;line-height:150%;letter-spacing:-.02em;text-transform:uppercase;color:var(--grey-title-color)}.projects-card-contaiter{margin-bottom:32px}.projects-tags{padding:32px;background-color:var(--white-text-color);border-radius:24px 24px 0 0}.projects-tags-box{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:6px;margin-bottom:96px}.projects-tags-list{color:var(--background-color);font-size:16px;font-weight:500;line-height:19px;letter-spacing:-.02em;border:1px solid rgba(28,29,32,.2);border-radius:60px;display:flex;justify-content:center;align-items:center;padding:13px 18px}.projects-card-deskr{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:32px}.projects-card-title{color:var(--background-color);font-size:24px;font-weight:500;line-height:28px;letter-spacing:-.03em;text-align:left}.projects-link{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:13px 32px;color:var(--white-text-color);font-size:16px;font-weight:500;line-height:19px;letter-spacing:-.02em;text-align:left;border-radius:60px;background:var(--accent-color)}.projects-link:hover{background:#e0373f}.projects-image-box{padding:100px 16px;background-color:var(--cards-background-color);border-radius:0 0 24px 24px;display:flex;justify-content:center;align-items:center}.projects-box-arrow{display:flex;justify-content:center;gap:12px}.projects-buttons{display:flex;justify-content:center;align-items:center;cursor:pointer;border:1px solid var(--button-border-color);border-radius:60px;padding:14px;background-color:transparent}.icon-arrow-left,.icon-arrow-right{fill:var(--white-text-color);stroke:var(--white-text-color)}.swiper-button-next,.swiper-button-prev{transition:opacity .5s;top:45%;z-index:999}.swiper-button-disabled{opacity:.2!important}@media screen and (min-width: 768px){.projects{padding-top:48px;padding-bottom:48px}.projects-card-contaiter{margin-bottom:64px}.projects-tags{padding:64px}.projects-tags-box{margin-bottom:164px}.projects-card-title{font-size:44px;line-height:44px}.projects-link{padding:18px 50px}.projects-image-box{padding:120px 45px}.projects-image{width:614px;height:385px}.projects-box-arrow{gap:20px}.projects-buttons{padding:18px}.icon-arrow-left,.icon-arrow-right{width:32px;height:32px}}@media screen and (min-width: 1440px){.projects{padding-top:70px;padding-bottom:82px}.projects-card{display:flex!important}.projects-tags{border-radius:24px 0 0 24px;width:50%}.projects-tags-box{margin-bottom:223px}.projects-card-title{line-height:100%}.projects-image-box{border-radius:0 24px 24px 0;padding:120px 37px;width:50%}}.faq-section{padding-top:32px;padding-bottom:32px}.faq-title{color:var(--grey-title-color);font-size:16px;font-weight:600;text-transform:uppercase;line-height:1.5;letter-spacing:-.02em;margin-bottom:32px}.btn-arrow-toggl{display:flex;align-items:center;border:1px solid var(--button-border-color);border-radius:100px;padding:10px;width:40px;height:40px;cursor:pointer}.faq-icon{stroke:var(--white-text-color);width:20px;height:20px}.item{border-top:1px solid var(--button-border-color);padding:20px 0}.item-box{display:flex;align-items:flex-start;justify-content:space-between}.item-title{color:var(--white-text-color);font-family:Inter Tight;font-size:20px;font-weight:600;line-height:1.5;letter-spacing:-.02em;text-align:left}.item-text{margin-top:16px;color:var(--grey-text-color);font-family:Inter Tight;font-size:16px;font-weight:500;line-height:1.5;letter-spacing:-.02em;text-align:left;overflow:hidden;transition-property:height,visibility;transition-timing-function:ease}.btn-arrow-toggl svg{transform:rotate(0);transition:transform .5s ease}.btn-arrow-toggl.active svg{transform:rotate(180deg)}@media screen and (min-width: 1440px){.list{display:flex;flex-direction:row;flex-wrap:wrap}.item{flex-basis:50%}.item:nth-child(1){order:1;padding-right:32px;border-right:1px solid var(--button-border-color)}.item:nth-child(2){order:3;padding-right:32px;border-right:1px solid var(--button-border-color)}.item:nth-child(3){order:5;padding-right:32px;border-right:1px solid var(--button-border-color);border-bottom:1px solid var(--button-border-color)}.item:nth-child(4){order:2;padding-left:32px}.item:nth-child(5){order:4;padding-left:32px}.item:nth-child(6){order:6;padding-left:32px;border-bottom:1px solid var(--button-border-color)}}.reviews{padding-top:32px;padding-bottom:32px}.review-title{color:var(--grey-title-color);font-weight:600;text-transform:uppercase;line-height:1.5;letter-spacing:-.02em;margin-bottom:32px}.reviews-swiper{width:100%;height:auto;overflow:hidden}.review-list{margin-bottom:32px}.review-item{width:344px;min-height:302px;border:1px solid var(--button-border-color);border-radius:20px;padding:32px 24px}.review-avatar{width:48px;height:48px;display:block;border-radius:10px;margin-bottom:32px}.review-author-name{font-size:20px;font-weight:600;line-height:1.5;letter-spacing:-.02em;margin-bottom:8px}.review-author-text{color:var(--grey-text-color);font-weight:500;line-height:1.5;letter-spacing:-.02em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}.review-buttons-wrapper{display:flex;justify-content:center;align-items:center;gap:12px}.reviews-btn{display:flex;justify-content:center;align-items:center;width:52px;height:52px;border:1px solid var(--grey-title-color);padding:14px;border-radius:60%;cursor:pointer;transition:all .3s ease-in}.arrow-item{width:24px;height:24px;stroke:var(--white-text-color);transition:all .3s ease-in}.reviews-btn:hover{border-color:var(--white-text-color)}.reviews-btn:disabled{border-color:var(--button-border-color)}.error-item{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;margin:0 auto}.error-title{font-size:18px;color:#fff}.error-text-describe{color:#fafafab3;text-align:center}.hide{display:none}@media screen and (min-width: 768px){.reviews{padding-top:48px;padding-bottom:48px}.review-buttons-wrapper{gap:20px}.reviews-btn{width:68px;height:68px;padding:18px}.arrow-item{width:32px;height:32px}.error-title{font-size:20px}}@media screen and (min-width: 1140px){.reviews{padding-top:82px;padding-bottom:82px}.review-item{width:332px}.error-title{font-size:24px}}.order{padding-top:32px;padding-bottom:32px;background-repeat:no-repeat;background-position:-79% 100%;margin:0 auto}.title-container{display:flex;gap:8px;position:relative}.order-image{width:44px;height:44px;border-radius:12px}.order-title{font-family:inherit;font-weight:500;font-size:40px;line-height:100%;letter-spacing:-.03em;text-transform:uppercase;color:var(--white-text-color)}.text-order{color:var(--accent-color)}.text-title{position:absolute;top:48px;left:0}.order-form{margin-top:60px;display:flex;flex-direction:column;gap:32px}.field-wrapper{display:flex;flex-direction:column;gap:16px}.email-field:valid,.email-field:hover:valid{border-bottom:1px solid var(--succes-message-color)}.email-field:invalid,.email-field:hover:invalid{border-bottom:1px solid var(--not-succes-message-color)}.error{display:block;font-family:inherit;font-weight:500;font-size:14px;line-height:129%;letter-spacing:-.02em;color:var(--not-succes-message-color)}.succes{display:block;font-family:inherit;font-weight:500;font-size:14px;line-height:129%;letter-spacing:-.02em;color:var(--succes-message-color)}.is-hidden{display:none}.field{font-family:inherit;max-width:343px;height:44px;font-weight:500;font-size:16px;line-height:150%;letter-spacing:-.02em;color:var(--grey-text-color);background-color:inherit;border:none;border-bottom:1px solid var(--button-border-color);outline:none}.field:placeholder-shown{background-color:inherit;border:none;border-bottom:1px solid var(--button-border-color)}.field:focus-within{border:none;border-bottom:1px solid var(--button-border-color)}.field:hover,.field:focus,.field:active{border:none;border-bottom:1px solid var(--not-succes-message-color);scale:1.05}.comments{resize:none}.comments:focus,.comments:active{border-bottom:1px solid var(--succes-message-color)}.order-button{width:100px;height:100px;border-radius:50%;background:var(--accent-color);color:var(--white-text-color);font-weight:500;font-size:16px;letter-spacing:-.02em;align-items:center;margin-bottom:64px;box-shadow:10px 10px 8px 2px #0000004d;transition:scale .25s cubic-bezier(.4,0,.2,1)}.order-button:hover,.order-button:focus{background-color:var(--button-hover-color);scale:1.05}.order-button:disabled{background-color:var(--accent-color);scale:1;opacity:.5}.address-list{display:flex;flex-direction:row;gap:4px}.adress-item{font-family:inherit;font-weight:500;font-size:10px;letter-spacing:-.02em;color:var(--white-text-color);border:1px solid var(--button-border-color);border-radius:60px;padding:10px 12px;transition:scale .25s cubic-bezier(.4,0,.2,1)}.adress-item:hover{border:1px solid var(--white-text-color);scale:1.05}@media screen and (min-width: 375px){.adress-item{font-size:14px}.mail-item{width:178px;height:37px}.phone-item{width:122px;height:37px}}.modal{background-color:var(--cards-background-color);border:1px solid var(--modal-border-color);border-radius:20px;padding:64px 32px;width:343px;height:276px;margin-left:auto;margin-right:auto;position:relative}.modal-message{width:279px;height:148px}.modal-title{font-family:inherit;font-weight:600;font-size:20px;line-height:150%;letter-spacing:-.02em;text-align:center;color:var(--white-text-color);margin-bottom:20px}.modal-text{font-family:inherit;font-weight:500;font-size:16px;line-height:150%;letter-spacing:-.02em;text-align:center;color:#fafafa99}.close-btn{position:absolute;top:20px;right:20px}.close-btn-icon{stroke:var(--white-text-color)}.close-btn-icon:hover{stroke:var(--accent-color);scale:1.2}@media screen and (min-width: 768px){.order{padding-top:80px;padding-bottom:80px;background-position:570px 100%;width:768px}.title-container{display:flex;gap:20px;position:relative}.order-image{width:70px;height:70px;border-radius:24px}.order-title{font-size:64px}.text-title{position:absolute;top:77px;left:0}.order-form{padding-top:64px;flex-direction:row;gap:32px;padding-bottom:12px;align-items:center}.field-wrapper{display:flex;flex-direction:row;gap:32px}.field{width:245px;height:44px}.comments{padding-top:10px}.order-button{width:150px;height:150px;margin-bottom:0}.address-list{gap:8px}.adress-item{font-size:16px;padding:18px 32px}.mail-item{width:239px;height:55px}.phone-item{width:176px;height:55px}.modal-message{width:364px;height:118px}.close-btn-icon{width:24px;height:24px}}@media screen and (min-width: 1440px){.order{padding-left:196px;background-position:1140px 100%;width:1440px}.text-title{position:absolute;top:80px;left:0}.order-form{gap:80px}.field{width:390px;height:44px}.mail-item{width:239px;height:55px}.phone-item{width:176px;height:55px}.modal{padding:64px;width:492px;height:246px}}:root{--white-text-color: #fafafa;--arrow-color: #3b3b3b;--accent-color: #ed3b44;--background-color: #1c1d20;--cards-background-color: #242527;--middle-gradient-color: #69292d;--button-border-color: #fafafa33;--grey-title-color: #fafafa66;--grey-text-color: #fafafa99;--text-shadow: #fafafa40;--icon-accent: #450306;--modal-border-color: #fafafa1a;--button-hover-color: #e0373f;--succes-message-color: #3cbc81;--not-succes-message-color: #e74a3b}.light-theme{--white-text-color: #090909;--arrow-color: #131212;--accent-color: #ed3b44;--background-color: #e3e6ed;--cards-background-color: #91949b;--middle-gradient-color: #69292d;--button-border-color: #1a171733;--grey-title-color: #13111166;--grey-text-color: #0b0a0a99;--text-shadow: #00000040;--icon-accent: #450306}.visually-hidden{position:absolute;white-space:nowrap;width:1px;height:1px;overflow:hidden;border:0;padding:0;clip:rect(0 0 0 0);clip-path:inset(50%);margin:-1px}.container{width:100%;padding-left:16px;padding-right:16px;margin-right:auto;margin-left:auto}@media screen and (min-width: 375px){.container{width:375px}}@media screen and (min-width: 768px){.container{width:768px;padding-left:32px;padding-right:32px}}@media screen and (min-width: 1440px){.container{width:1440px}}
