@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz@0,9..40;1,9..40&display=swap";h1,h2,h3,h4,h5,h6,p{margin:0}ul,ol{margin:0;padding:0;list-style:none}a{color:currentColor;text-decoration:none}button{font-family:inherit;color:currentColor;cursor:pointer;border:0;padding:0}address{font-style:normal}img{display:block;max-width:100%;height:auto}body{margin:0}body{font-family:var(--primary-font-family);font-weight:400;font-size:16px;line-height:1.5;letter-spacing:.02em;color:var(--primary-color);background-color:var(--white-color)}.container{max-width:375px;padding-left:20px;padding-right:20px;margin-left:auto;margin-right:auto}.main{display:flex;flex-direction:column-reverse;margin-top:20px}@media screen and (min-width: 768px){.container{max-width:768px;padding-left:32px;padding-right:32px}}@media screen and (min-width: 1440px){.container{max-width:1440px}.main{flex-direction:row;gap:32px}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;outline:0;outline-offset:0;opacity:0;white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);pointer-events:none;overflow:hidden}:root{--primary-color: #242424;--white-color: #f4f4f4;--text-secondary-color: rgba(244, 244, 244, .6);--title-color: rgba(244, 244, 244, .4);--rating-color: rgba(244, 244, 244, .2);--border-color: rgba(244, 244, 244, .1);--title-secondary-color: rgba(36, 36, 36, .4);--button-disabled-color: rgba(36, 36, 36, .6);--icon-bg-color: rgba(36, 36, 36, .8);--frame-color: rgba(36, 36, 36, .1);--modal-backdrop: rgba(4, 4, 4, .4);--white-bg-color: #fff;--accent-color: #eea10c;--gray-color: #d4d4d4;--tran-fast: .25s ease-in-out;--tran-icon: .3s ease-in-out;--tran-duration: .5s ease-in-out;--primary-font-family: "DM Sans", sans-serif}.header{padding-top:20px}@media only screen and (min-width: 768px){.header{padding-top:24px}}@media only screen and (min-width: 1440px){.header{padding-top:28px}}@media only screen and (max-width: 767px){.header-wrapper{display:flex;align-items:center;justify-content:space-between}}.logo{display:flex}.desktop-logo{display:none}@media only screen and (min-width: 768px){.desktop-logo{display:flex}.mobile-logo{display:none}}.logo-icon{width:132px;height:24px;flex-shrink:0}.menu-btn{width:32px;height:32px;padding:0;border:none;background-color:transparent}@media only screen and (min-width: 768px){.menu-btn{display:none}}.header-menu{display:flex}@media only screen and (max-width: 767px){.header-menu{position:fixed;top:0;left:100%;transform:none;flex-direction:column;justify-content:center;gap:25vh;height:100vh;width:210px;padding:72px 20px 20px;background-color:var(--primary-color);color:var(--white-color);z-index:999;overflow-y:auto;transition:transform var(--tran-duration)}.header-menu.active{transform:translate(-100%)}}@media only screen and (min-width: 768px){.header-menu{justify-content:space-between;align-items:center}}.header-menu-close{position:absolute;top:20px;right:20px;width:32px;height:32px;padding:0;border:none;background-color:transparent}@media only screen and (min-width: 768px){.header-menu-close{display:none}}.nav{margin:auto 0}@media only screen and (min-width: 768px){.nav{margin:0;color:var(--white-color)}}.nav-list{display:flex;flex-direction:column;align-items:center;gap:16px;font-size:14px;line-height:1.28;letter-spacing:0}@media only screen and (min-width: 768px){.nav-list{flex-direction:row;gap:6px;padding:8px 34px;border-radius:60px;background-color:var(--primary-color);font-size:16px;line-height:1.5}}@media only screen and (min-width: 1440px){.nav-list{padding:8px 50px}}.nav-link.active{border-bottom:1px solid var(--border-color)}@media only screen and (min-width: 768px){.nav-link{display:flex;padding:6px 12px;border-radius:30px}.nav-link.active{border-bottom:none;background-color:var(--white-color);color:var(--primary-color)}}.social-menu{display:flex;justify-content:center;gap:12px}.social-link{display:flex;justify-content:center;align-items:center;width:44px;height:44px;border-radius:10px;border:1px solid var(--border-color);background-color:transparent}@media only screen and (min-width: 768px){.social-link{border-color:var(--frame-color);transition:background-color var(--tran-icon),color var(--tran-icon)}@media (hover: hover){.social-link:hover,.social-link:focus{background-color:var(--icon-bg-color);color:var(--white-color)}}}.social-icon{fill:currentColor;opacity:.8}.hero{padding-top:80px}@media screen and (min-width: 768px){.hero{padding-top:100px}}@media screen and (min-width: 1440px){.hero{padding-top:96px}}@media screen and (min-width: 1440px){.hero-inner{display:flex;justify-content:space-between}}.hero-title{font-size:38px;line-height:44px;font-weight:400;letter-spacing:-1.48px}.hero-icon{width:38px;height:38px;display:inline-block;position:relative;bottom:-6px}.hero-desc{margin-top:20px;font-size:14px;line-height:18px;max-width:528px}.hero-right{display:flex;flex-direction:column;align-items:flex-end}@media screen and (min-width: 768px){.hero-title{font-size:74px;line-height:1}.hero-icon{width:59px;height:59px;bottom:-4px}.hero-desc{font-size:18px;line-height:24px}}.hero-promo{border-radius:20px;display:none}@media screen and (min-width: 1440px){.hero-promo{display:block}}.hero-tags{margin-top:32px;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.hero-tags li{display:block;border:1px solid var(--primary-color);border-radius:30px;font-size:14px;line-height:18px;height:26px;padding:4px 10px}@media screen and (min-width: 768px){.hero-tags li{height:32px;padding:4px 14px;font-size:16px;line-height:24px}}.hero-tags-desktop{display:none;max-width:197px}@media screen and (min-width: 1440px){.hero-tags-desktop{display:flex}}.hero-tags-mobile{margin-top:20px}@media screen and (min-width: 768px){.hero-tags-mobile{margin-top:16px}}@media screen and (min-width: 1440px){.hero-tags-mobile{display:none}}.hero-img{margin-top:20px;border-radius:30px;overflow:hidden;height:460px}@media screen and (min-width: 768px){.hero-img{margin-top:32px;border-radius:60px;height:550px}}@media screen and (min-width: 1440px){.hero-img{height:350px}}.hero-img img{width:100%;height:100%;object-fit:cover}.filters-container{margin-top:40px}.filter-title{font-weight:400;font-size:28px;line-height:1.35;letter-spacing:-.02em}.filter-title .filter-subtitle{opacity:0;visibility:hidden;transition:all var(--tran-fast)}.filter-title .filter-subtitle.visible{opacity:1;visibility:visible}.filter-title .filter-title-category{font-size:20px;line-height:20px;letter-spacing:-.4px;color:var(--title-secondary-color);text-transform:capitalize}.filters-wrapper{display:flex;flex-direction:column}#search-form{overflow:hidden;width:0;max-height:0;opacity:0;visibility:hidden;transition:max-height .6s ease,opacity .6s ease,visibility .6s}#search-form.visible{width:273px;max-height:48px;opacity:1;visibility:visible;transition:max-height .4s ease,opacity .4s ease,visibility .4s;margin-right:auto;margin-top:40px}.search-wrapper{position:relative}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.search-input{padding:12px 56px 12px 14px;border-radius:30px;border:1px solid #242424;background:inherit;font-size:16px;width:100%}.button-search,.button-clear{background:inherit;display:flex;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.button-clear{visibility:hidden;right:38px}.filter-button-list{display:flex;flex-wrap:wrap;margin-top:20px;gap:20px}.filter-button{background:none;border:0px;padding:0;font-family:inherit;font-size:14px;font-weight:400;line-height:1.42}.filter-pagination{display:flex;align-items:center;justify-content:center;margin-top:20px;gap:8px;margin-bottom:80px}.filters-pagination-button{background:none;border:0px;padding:0;font-family:inherit;font-size:20px;font-weight:400;line-height:1;letter-spacing:.04em;color:var(--gray-color)}.filters-pagination-button-active{width:31px;height:31px;color:var(--primary-color);border:1px solid var(--primary-color);border-radius:50%}.filter-item{display:inline-block;position:relative;padding-bottom:8px}.filter-button-active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background-color:var(--primary-color);border-radius:2px}.filter-item{display:flex}@media (min-width: 768px) and (max-width: 1439px){.filters-container{margin-top:64px}.filters-wrapper{flex-direction:row;align-items:center;margin-top:32px;height:44px}#search-form.visible{margin-top:unset}.search-input{width:273px}.filter-button-list{margin-top:0}.filter-title{font-size:44px;line-height:1.09}.filter-title .filter-title-category{font-size:24px;line-height:32px}.filter-button{font-size:16px;line-height:1.5}.filter-pagination{margin-bottom:64px}.filters-pagination-button{font-size:24px;line-height:1.33}.filters-pagination-button-active{width:32px;height:32px}}@media (min-width: 1440px){.filters-container{margin-top:64px}.filters-header{display:flex;justify-content:space-between;align-items:center}.filter-title{font-size:44px;line-height:1.09}.filters-wrapper{flex-direction:row;align-items:center;margin-top:0;gap:30px}#search-form.visible{max-height:48px;margin-top:unset}.search-input{width:273px}.filter-button-list{margin-top:0}.filter-button{font-size:16px;line-height:1.5}.filter-pagination{margin-top:32px;margin-bottom:132px}.filters-pagination-button{font-size:24px;line-height:1.33}.filters-pagination-button-active{width:32px;height:32px}}.category-items{gap:20px}.category-item{margin-top:20px;display:block;overflow:hidden;max-width:335px;height:225px;padding:99px 74px;border-radius:12px;cursor:pointer;background-size:100% 100%;background-position:center;transition:transform .25s linear}.category-item:hover{transform:scale(1.05)}.filter-category{font-size:20px;font-weight:400;line-height:20px;text-align:center;color:#f4f4f4;padding:2px}.filter-text{font-family:inherit;font-size:12px;font-weight:400;line-height:18px;text-align:center;color:#f4f4f466}@media (min-width: 768px) and (max-width: 1439px){.category-items{display:grid;grid-gap:32px 15px;grid-template-columns:repeat(3,225px);grid-template-rows:repeat(3,225px);width:auto;text-align:center}.category-item{width:225px;height:225px;margin-top:0}}@media (min-width: 1440px){.category-items{display:grid;grid-gap:32px 15px;grid-template-columns:repeat(3,290px);grid-template-rows:repeat(4,242px);width:auto;text-align:center}.category-item{width:290px;height:242px;margin-top:0}}.article-bar{margin-bottom:80px}@media (min-width: 768px){.article-bar{margin-bottom:100px;display:grid;column-gap:16px;row-gap:32px;grid-template-columns:400px 288px;grid-template-rows:auto auto;grid-template-areas:"box1 box2" "box3 box3";width:444px}}@media screen and (min-width: 1440px){.article-bar{display:block}}.favorite-article-bar .article-bar-img{height:119px}@media (min-width: 768px){.favorite-article-bar{display:block}.favorite-article-bar-inner{display:flex;gap:16px;justify-content:space-between;margin-top:16px}.favorite-article-bar .info{width:50%;margin-top:0}.favorite-article-bar .article-bar-img{width:50%;height:141px}}@media screen and (min-width: 1440px){.favorite-article-bar{width:494px}.favorite-article-bar .article-bar-img{margin-top:0;height:141px;width:239px}.favorite-article-bar .info{width:auto;flex:1}}.gallery{flex:1}.footer{padding:40px 0 10px;background-color:var(--primary-color)}.footer-container{margin:0 auto}.footer-blocks{display:flex;flex-direction:column;align-items:flex-start}.footer-logo-soial{display:flex;flex-direction:column;align-items:flex-start;padding-bottom:40px}.logo-icon-footer{width:132px;height:24px;flex-shrink:0;fill:var(--white-color)}.footer-social-menu{display:flex;margin-top:32px}.social-menu-ul{display:flex;justify-content:center;gap:12px}.social-link-li{display:flex;justify-content:center;align-items:center;width:44px;height:44px;border-radius:10px;border:1px solid var(--border-color);color:var(--white-color);background-color:transparent}.social-link-li:hover,.social-link-li:focus{background-color:var(--white-color);color:var(--primary-color)}.social-icon-li{fill:currentColor;opacity:.8}.footer-text{margin-bottom:20px}.text-footer{color:var(--white-color);font-family:inherit;font-size:38px;font-style:normal;font-weight:400;line-height:1.15789;letter-spacing:-.76px}.text-footer-word{font-style:italic}.footer-subscribe-form{display:flex;flex-direction:column}.subscribe-label{display:flex;flex-direction:column;color:var(--white-color);font-family:inherit;font-size:14px;font-weight:400;line-height:1.28571}.e-mail-input{max-width:335px;height:42px;border-radius:30px;border:1px solid var(--white-color);background-color:var(--primary-color);color:var(--white-bg-color);font-family:inherit;font-size:14px;line-height:1.28571;padding:0 14px;margin-top:20px}.subscribe-button{width:100%;height:42px;border-radius:30px;background-color:var(--white-color);color:var(--primary-color);border:none;margin-top:20px}.subscribe-button-text{font-family:inherit;font-size:14px;font-weight:400;line-height:1.28571}.subscribe-button:hover,.subscribe-button:focus{color:var(--white-color);border:1px solid var(--white-color);background-color:var(--primary-color)}.footer-agreements{display:flex;justify-content:space-between;align-items:flex-end;padding-top:120px}.footer-copy-policy{display:flex;flex-direction:column;gap:10px}.footer-copy-paragraphs-rights,.footer-copy-paragraphs-year{color:#c6cdd1;font-family:var(--primary-font);font-size:14px;font-style:normal;font-weight:400;line-height:1.28571;letter-spacing:-.28px;opacity:.9;margin:0}.footer-policy-list{display:flex}.footer-policy-link{color:#c6cdd1;font-family:var(--primary-font);font-size:14px;font-style:normal;font-weight:400;line-height:1.28571;letter-spacing:-.28px;text-decoration:none;transition:color .25s var(--common-transition)}.footer-policy-link:hover,.footer-policy-link:focus{color:var(--white-color)}.footer-policy-separator{color:#fff9;text-align:right;font-family:var(--primary-font);font-size:14px;font-style:normal;font-weight:400;line-height:1.28571;letter-spacing:-.28px;text-decoration:none;margin-left:8px;margin-right:8px}@media screen and (min-width: 768px){.footer{padding:64px 0 6px}.footer-blocks{flex-direction:row}.footer-text-subs{display:flex;flex-direction:column;align-items:flex-start;margin-left:115px}.footer-logo-soial{padding-bottom:0}.footer-text{margin-bottom:32px;margin-right:32px}.text-footer{font-size:56px;line-height:1.07143;letter-spacing:-1.12px}.subscribe-label{font-size:18px;font-weight:400;line-height:1.33333;letter-spacing:normal}.e-mail-input{min-width:352px;height:48px;font-size:16px;line-height:1.5}.subscribe-button{min-width:352px;height:48px}.subscribe-button-text{font-size:16px;line-height:1.5}.footer-agreements{align-items:center;justify-content:flex-start;padding-top:64px}.footer-copy-policy{flex-direction:row;align-items:center;gap:0}.footer-policy-list{margin-right:178px;margin-left:78px}}@media screen and (min-width: 1440px){.footer{padding:64px 0 16px}.footer-text-subs{display:flex;flex-direction:row;align-items:flex-start;margin-left:158px}.footer-text{margin-bottom:0;margin-right:115px}.footer-agreements{padding-top:70px}.footer-policy-list{margin-right:498px;margin-left:122px}}.exercises-list{display:flex;flex-direction:column;column-gap:16px;row-gap:20px;flex-wrap:wrap}.exercise-card{width:100%;height:141px;border-radius:15px;background:#fff;padding:16px;cursor:pointer;transition:transform .25s linear}.exercise-card:hover{transform:scale(1.05)}.exercise-header{display:flex;align-items:center}.exercise-type{padding:5px 8px;border-radius:15px;border:1px solid #242424;text-transform:uppercase;font-size:12px;font-weight:500;line-height:normal;width:76px;height:26px}.exercise-rating{font-size:12px;line-height:18px;display:flex;align-items:center;gap:2px;margin-left:16px}.icon-delete{margin-left:8px;background:inherit;display:flex}.icon-delete svg{fill:none;stroke:var(--primary-color)}.button-start{background:#fff;margin-left:auto;font-size:16px;line-height:24px;display:flex;gap:8px;align-items:center}.exercise-title{margin-top:25px;margin-bottom:16px;display:flex;gap:16px;align-items:center}.exercise-title svg{min-width:24px;min-height:24px}.exercise-title h3{font-size:20px;line-height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.card-params{display:flex;gap:10px;font-size:12px;line-height:18px}.card-params>div{min-width:60px;color:var(--title-secondary-color);display:flex;gap:2px}.card-params>div>p:first-child{white-space:nowrap;letter-spacing:-.005px}.card-params>div p:last-child{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--primary-color);letter-spacing:-.005px;word-spacing:-1.5px;max-width:43px}.hidden{display:none}@media (min-width: 768px){.exercises-list{flex-direction:row;row-gap:36px}.exercise-card{width:calc((100% - 16px)/2)}.exercise-title{margin-bottom:8px}.exercise-title h3{font-size:24px;line-height:32px}.card-params>div{gap:4px}}@media (min-width: 1440px){.exercise-card{width:calc((100% - 16px)/2)}.card-params{gap:16px}}.quote{display:flex;margin:0;background-color:#242424;color:#f4f4f4;border-radius:20px;padding:20px;grid-area:box1}@media screen and (min-width: 768px){.quote{padding:40px}}.quote-content{flex:1}.quote-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border-radius:50%;background-color:#f4f4f433;margin-right:20px}@media screen and (min-width: 768px){.quote-icon{margin-right:18px}}.quote-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}@media screen and (min-width: 768px){.quote-header{margin-bottom:6px}}.quote-title{font-weight:500;font-size:20px;line-height:20px}@media screen and (min-width: 768px){.quote-title{font-size:24px;line-height:32px}}.quote-decor{display:inline-block;margin-left:20px;width:20px;height:20px;position:relative;top:-2px}@media screen and (min-width: 768px){.quote-decor{width:24px;height:24px;top:-5px}}.quote-desc{font-size:14px;line-height:18px;color:#f4f4f499}.quote-desc.skeleton{height:18px}.quote-author{display:inline-block;margin-top:16px;font-size:14px;font-weight:400;line-height:1.28571}.quote-author.skeleton{height:24px;width:140px}@media screen and (min-width: 768px){.quote-author{font-size:16px;line-height:1.5}}@media screen and (min-width: 1440px){.quote-author{margin-top:8px}}.skeleton{background-color:#f4f4f499;border-radius:4px;display:block;width:100%;position:relative;overflow:hidden;text-indent:-9999px}.skeleton:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#fff0,#ffffff80,#fff0);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.info{background-color:var(--white-bg-color);border-radius:20px;margin-top:20px;display:flex;padding:20px;grid-area:box3;grid-column:1 / 2}@media (min-width: 768px){.info{margin-top:0;padding:40px}}@media screen and (min-width: 1440px){.info{margin-top:32px}}.info-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;margin-right:18px;background-color:var(--primary-color);color:var(--white-color)}.info-title{display:block;font-weight:500;font-size:20px;line-height:1}@media (min-width: 768px){.info-title{font-size:24px;line-height:32px}}.info-subtitle{font-size:14px;line-height:18px;opacity:.6;margin-top:2px;margin-bottom:20px}.info-desc{font-size:14px;line-height:18px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:5}@media (min-width: 1440px){.info-desc{display:block}}.info-small{display:block;padding:20px;margin-top:20px}@media (min-width: 768px){.info-small{padding:25px}}.info-small .info-desc{display:none}.info-small .info-icon{margin-right:0;width:20px;height:20px;background-color:transparent;margin-bottom:15px;color:var(--primary-color)}.info-small .info-subtitle{margin-top:6px;margin-bottom:0}.article-bar-img{display:block;border-radius:20px;margin-top:20px;overflow:hidden;grid-area:box2}@media (min-width: 768px){.article-bar-img{margin-top:0;align-self:start}}@media screen and (min-width: 1440px){.article-bar-img{margin-top:32px}}.article-bar-img img{width:100%;height:100%;object-fit:cover}.scroll-up-container{position:fixed;bottom:20px;right:20px;z-index:1000}.scroll-up-button{visibility:hidden;cursor:pointer}body.modal-open{overflow:hidden}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--modal-backdrop);transition-property:opacity;transition:var(--tran-fast);overflow:auto}.modal{position:absolute;top:0;left:50%;transform:translate(-50%);padding:40px 20px;background-color:var(--primary-color);border-radius:20px;max-width:335px;min-width:320px;color:var(--white-color);transition-property:all;transition:var(--tran-fast)}@media screen and (min-width: 768px){.modal{display:flex;gap:32px;padding:32px;top:50%;transform:translate(-50%) translateY(-50%);min-width:704px;max-width:704px}}@media screen and (min-width: 1440px){.modal{min-width:708px;max-width:708px}}.btn-modal-close{position:absolute;top:14px;right:14px;display:flex;justify-content:center;align-items:center;background-color:transparent;width:24px;height:24px}@media screen and (min-width: 768px){.btn-modal-close{width:28px;height:28px}}.icon-modal-close{width:100%;height:100%;fill:var(--white-color);stroke:var(--white-color)}.img-modal-exercise{object-fit:cover;border-radius:12px;width:100%;height:259px;margin-bottom:20px}@media screen and (min-width: 768px){.img-modal-exercise{width:270px;margin:0}}.modal-info{width:100%}@media screen and (min-width: 768px){.modal-info{width:338px}}@media screen and (min-width: 1440px){.modal-info{width:342px}}.title-modal{font-weight:500;font-size:20px;line-height:1;margin-bottom:10px}@media screen and (min-width: 768px){.title-modal{font-size:24px;line-height:1.33333;margin-bottom:8px}}.rating{position:relative;display:flex;gap:2px;padding-bottom:20px}@media screen and (min-width: 768px){.rating{padding-bottom:16px}}.rating-value{font-size:12px}.rating-stars{display:flex;justify-content:center;align-items:center;gap:2px}.icon-modal-star{fill:var(--rating-color)}.stats{position:relative;padding:10px 0}@media screen and (min-width: 768px){.stats{padding:8px 0}}.stats-list{display:flex;gap:20px;flex-wrap:wrap}@media screen and (min-width: 768px){.stats-list{gap:16px}}.stats-title{font-size:12px;color:var(--title-color);margin-bottom:4px}.stats-value{font-weight:500;font-size:14px;line-height:1.28571;color:var(--white-color)}.description{padding-top:20px;margin-bottom:40px}@media screen and (min-width: 768px){.description{padding-top:16px;margin-bottom:64px}}.desc-text{line-height:1.28571;font-size:14px;color:var(--text-secondary-color)}.title-modal:first-letter,.stats-title:first-letter,.stats-value:first-letter,.desc-text:first-letter{text-transform:uppercase}.modal-buttons{min-width:100%;justify-content:right}@media screen and (min-width: 768px){.modal-buttons{display:flex;gap:7px}}.btn-modal-filled{border-radius:30px;padding:12px 24px;background-color:var(--white-color);color:var(--primary-color);font-size:14px;line-height:1.28571}@media screen and (min-width: 768px){.btn-modal-filled{font-size:16px;line-height:1.5}}.btn-modal-filled:hover{background-color:transparent;color:var(--white-color);outline:1px solid var(--white-color)}.btn-modal-add-fav{display:flex;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:10px;transition:var(--tran-fast);transition-property:all}.btn-modal-add-fav:hover>.icon-fav-btn{stroke:var(--white-color)}@media screen and (min-width: 768px){.btn-modal-add-fav{margin:0}}.btn-fav-text{text-wrap:nowrap;font-size:inherit;line-height:inherit}@media screen and (min-width: 768px){.btn-fav-text{font-size:16px;line-height:1.5}}.icon-fav-btn{fill:none;stroke:var(--primary-color)}@media screen and (min-width: 768px){.icon-fav-btn{width:20px;height:20px}}.btn-modal-give-rating{width:100%;border-radius:30px;padding:12px 22px;background-color:transparent;outline:1px solid var(--white-color);color:var(--white-color);font-size:14px;line-height:1.28571;text-wrap:nowrap;transition:var(--tran-fast);transition-property:all}.btn-modal-give-rating:hover{background-color:var(--white-color);color:var(--primary-color)}@media screen and (min-width: 768px){.btn-modal-give-rating{font-size:16px;line-height:1.5}}@media screen and (min-width: 1440px){.btn-modal-give-rating{padding:12px 24px}}.add-rating-modal{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);max-width:335px;width:100%;min-width:320px;background-color:var(--primary-color);border-radius:20px;padding:40px 20px;transition-property:opacity;transition:var(--tran-fast)}@media screen and (min-width: 768px){.add-rating-modal{max-width:430px;padding:40px}}.add-rating-title{font-size:12px;color:var(--title-color);margin-bottom:8px}.add-rating-value{font-size:12px;color:var(--white-color);text-align:center;vertical-align:middle;width:10px}.add-rating-stars{display:flex;align-items:center;gap:2px;margin-bottom:20px}@media screen and (min-width: 768px){.add-rating-stars{margin-bottom:32px}}.star-radio-btn{width:24px;height:24px;cursor:pointer}.icon-modal-rating-star{fill:var(--rating-color)}.input-modal{color:var(--text-secondary-color);font-size:14px;line-height:1.28571;background-color:transparent;border:1px solid var(--white-color);border-radius:30px;padding:12px 14px;width:100%;outline:none}@media screen and (min-width: 768px){.input-modal{font-size:16px;line-height:1.5}}.input-modal:focus{outline:1px solid var(--white-color)}.input-modal::placeholder{color:var(--text-secondary-color)}.add-rating-email{margin-bottom:10px}@media screen and (min-width: 768px){.add-rating-email{margin-bottom:16px}}.add-rating-comment{resize:none;height:93px;margin-bottom:20px;border-radius:15px}@media screen and (min-width: 768px){.add-rating-comment{margin-bottom:32px}}.btn-add-rating-submit{width:100%;transition:var(--tran-fast);transition-property:all}.divider:after{content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:var(--rating-color)}.icon{transition-property:fill;transition:var(--tran-fast)}.gold-half{fill:url(#star-gradient) var(--rating-color)}.gold{fill:var(--accent-color)}.loader-wrapper{display:flex;justify-content:center}.loader{width:48px;height:48px;border:5px solid #cecece;border-bottom-color:#000;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}.loader.is-hidden{display:none}.nothing-found{display:flex;justify-content:center;align-items:center;height:100%;text-align:center}
