dist/css/style.min.css - master - Slav468/test

dist/css/style.min.css
1 строка7 KB
Slav468
feat: add dist folder
16 июл 2024, 09:58
16 июл 2024, 09:589f766d8
@font-face{font-family:Manrope;font-display:swap;src:url(../fonts/Manrope-ExtraLight.woff2) format("woff2");font-weight:200;font-style:normal}@font-face{font-family:Manrope;font-display:swap;src:url(../fonts/Manrope-Light.woff2) format("woff2");font-weight:300;font-style:normal}@font-face{font-family:Manrope;font-display:swap;src:url(../fonts/Manrope-Regular.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Manrope;font-display:swap;src:url(../fonts/Manrope-Medium.woff2) format("woff2");font-weight:500;font-style:normal}@font-face{font-family:Manrope;font-display:swap;src:url(../fonts/Manrope-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal}@font-face{font-family:Manrope;font-display:swap;src:url(../fonts/Manrope-Bold.woff2) format("woff2");font-weight:700;font-style:normal}@font-face{font-family:Manrope;font-display:swap;src:url(../fonts/Manrope-ExtraBold.woff2) format("woff2");font-weight:800;font-style:normal}*{padding:0;margin:0;border:0}*,*::after,*::before{box-sizing:border-box}*::after,*::before{display:inline-block}body,html{height:100%;min-width:320px}body{color:#000;line-height:1;font-family:Manrope;font-size:.875rem;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,textarea{font-family:Manrope;font-size:inherit;line-height:inherit;color:inherit;background-color:transparent}input,textarea{width:100%}label{display:inline-block}button,option,select{cursor:pointer}a{display:inline-block;color:inherit;text-decoration:none}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}.lock body{overflow:hidden;touch-action:none;-ms-scroll-chaining:none;overscroll-behavior:none}.wrapper{min-height:100%;display:flex;flex-direction:column;overflow:hidden}@supports (overflow:clip){.wrapper{overflow:clip}}.wrapper > main{flex:1 1 auto}.wrapper > *{min-width:0}[class*=__container]{max-width:125rem;margin:0 auto;padding:0 2.5rem}body::after{content:"";background-color:rgba(0,0,0,.5);position:fixed;width:100%;height:100%;top:0;left:0;opacity:0;transition:opacity .8s ease 0s;pointer-events:none;z-index:149}.popup-show body::after{opacity:1}.popup{position:fixed;top:0;left:0;bottom:0;right:0;padding:30px 10px;transition:visibility .8s ease 0s;visibility:hidden;pointer-events:none}.popup_show{z-index:150;visibility:visible;overflow:auto;pointer-events:auto}.popup_show .popup__content{visibility:visible;-webkit-transform:scale(1);transform:scale(1)}.popup__wrapper{flex-direction:column;min-height:100%;flex:1 1 auto;width:100%;display:flex;justify-content:center;align-items:center}.popup__content{display:flex;flex-direction:column;visibility:hidden;-webkit-transform:scale(0);transform:scale(0);transition:-webkit-transform .3s ease 0s;transition:transform .3s ease 0s;transition:transform .3s ease 0s,-webkit-transform .3s ease 0s;background:#f0f4fc;padding:1.5rem;width:100%;max-width:500px}.lock .popup__content{visibility:visible}.popup__close{align-self:flex-end;width:3.25rem;height:3.25rem;background:#fff;border-radius:.625rem}.popup__close svg{width:1.5rem;height:1.5rem;color:#000}.popup-form{display:flex;flex-direction:column;gap:1.125rem}.popup-form__title{font-weight:500;font-size:1.5rem;color:var(--text-accent)}.popup-form__checkbox{display:flex;gap:.875rem;margin:.375rem 0}.popup-form__link{display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-weight:500;font-size:1.25rem;color:var(--bg-inverse);margin:.375rem 0}.popup-form__buttons{display:flex;flex-direction:column;gap:.25rem;width:100%;margin-top:1.125rem}.popup-inputs__wrapper{display:flex;flex-direction:column;gap:.25rem}.popup-inputs__input{border-radius:10px;padding:24px;background:#d7e2f6;outline:0}.popup-inputs__input::-webkit-input-placeholder{font-weight:500;font-size:18px;color:#1f4284}.popup-inputs__input:-ms-input-placeholder{font-weight:500;font-size:18px;color:#1f4284}.popup-inputs__input::-ms-input-placeholder{font-weight:500;font-size:18px;color:#1f4284}.popup-inputs__input::placeholder{font-weight:500;font-size:18px;color:#1f4284}.popup-checkbox__label{font-weight:400;font-size:1.125rem;color:var(--text-accent)}.popup-checkbox__input{display:flex;width:1.125rem;cursor:pointer}.button{padding:0 .75rem;font-weight:500;font-size:1.125rem;line-height:1.6;padding:1.125rem 0;border-radius:.25rem}.button__primary{background:var(--bg-inverse);color:var(--text-inverse)}.button__primary:hover{background-color:var(--bg-secondary)}.button__secondary{border:1px solid var(--bg-inverse);background:var(--text-inverse);color:var(--bg-inverse)}.button__secondary:hover{background:var(--bg-inverse);color:var(--text-inverse)}.ibg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ibg--top{-o-object-position:top;object-position:top}.ibg--bottom{-o-object-position:bottom;object-position:bottom}.ibg--left{-o-object-position:left;object-position:left}.ibg--right{-o-object-position:right;object-position:right}.ibg--contain{-o-object-fit:contain;object-fit:contain}:root{--primary:#0a9396;--secondary:#94d2bd;--accent:#0090c1;--inverse:#ffff3f;--bg-primary:#ebf0fa;--bg-secondary:#1f4284;--bg-accent:#4cc9f0;--bg-inverse:#244c98;--text-primary:#727272;--text-secondary:#1f4284;--text-accent:#323232;--text-inverse:#ffffff}.demo__container{padding-top:2.25rem;padding-bottom:2.25rem}.demo__wrapper{display:flex;width:100%;background-color:var(--bg-primary);border-radius:.625rem;overflow:hidden}.demo__item{display:flex;flex:1 0 50%;width:100%}.demo-text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1.125rem;padding-left:4.5rem;padding-top:6.375rem;padding-bottom:6.375rem}.demo-text__title{font-weight:500;font-size:1.875rem;line-height:160%;color:var(--bg-secondary)}.demo-text__text{max-width:31.9375rem;font-weight:400;font-size:1.0625rem;line-height:160%;color:var(--text-primary)}.demo-text__button{font-weight:500;font-size:1.125rem;line-height:160%;color:var(--text-inverse);background-color:var(--bg-inverse);display:flex;justify-content:space-between;align-items:center;gap:3.125rem;padding:.75rem .75rem .75rem 1.5rem;margin-top:1.125rem;border-radius:3.75rem}.demo-text__button span{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;background:#fff;border-radius:2.5rem}.demo-text__button span svg{color:var(--bg-inverse);width:1.5rem;height:1.5rem}.demo-text__button:hover{background-color:var(--bg-secondary)}.demo-img{flex:1 0 44.8%}.demo-img__img{width:100%;display:flex}.demo-img__img img{display:block;width:100%}@media (max-width:1440px){.demo-text{padding:1.5rem}.demo-text__title{font-size:1.625rem}.demo-img{flex:1 0 53%}}@media (max-width:1300px){.demo__container{padding:1.5rem}.demo__wrapper{flex-direction:column}.demo-text__text{max-width:none}.demo-text__button{padding:.625rem .625rem .625rem 1.125rem;gap:1.1875rem}}@media (max-width:768px){.demo-text__title{font-size:1.25rem}.demo-text__text{font-size:.9375rem}.demo-text__button span{width:2.25rem;height:2.25rem}.demo-text__button{font-size:.9375rem}}@media (max-width:375px){.demo-text__title{font-size:1.0625rem}.demo-text__text{font-size:.8125rem}}