body{min-height:100vh}h1,h2,h3,h4,h5,h6,p{margin:0}p:last-child{margin-bottom:0}ul{margin:0;padding:0;list-style:none}a{color:currentColor;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%;height:auto}.header{margin-bottom:40px}.div-header{border-radius:0 0 8px 8px;border:1.5px solid var(--black);background:var(--white);display:flex;justify-content:space-between;align-items:center;height:64px}.icon-bag,.icon-logo-text{fill:var(--black)}.logo-container{display:inline-flex;justify-content:center;align-items:center;gap:8px;margin-right:40px}.link{height:28px;display:flex;align-items:center}.menu-container{display:inline-flex}@media screen and (min-width: 768px){.div-header{justify-content:flex-start}.menu-container{justify-content:space-between;flex-grow:1}}.header-nav{display:none}.div-switch-user{display:flex;align-items:center;justify-content:flex-start}@media screen and (min-width: 768px){.header-nav{display:flex;flex-grow:1}}.header-menu-list{display:inline-flex;justify-content:flex-start;align-items:center;gap:32px}.header-home{text-transform:uppercase}.header-shoplist{text-transform:uppercase;display:inline-flex;align-items:flex-start}.active-header{font-weight:700;line-height:18px;color:#111;background-color:var(--yellow);border-radius:36px;padding:8px 16px;display:flex;justify-content:center;align-items:center}.show-logout{width:184px;height:48px;background:var(--violet);border-radius:36px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;margin-left:24px;border:1px solid var(--black);outline:none;transition:all var(--animation);cursor:pointer}.show-logout:hover,.show-logout:focus{background:var(--black)}.show-logout:hover .header-log-in,.show-logout:focus .header-log-in{color:var(--white)}.header-log-in{font-weight:500;line-height:18px;font-size:14px;color:var(--white);transition:all var(--animation)}.user-profile{position:relative;overflow:hidden}.logout-button-overlay{position:absolute;top:0;left:0;width:184px;height:48px;border:1px solid var(--black);border-radius:36px;text-transform:uppercase;background-color:var(--background-white);color:var(--black);font-weight:700;transform:translateY(100%);transition:all var(--animation);display:flex;align-items:center;justify-content:center}.logout-button-overlay:hover,.logout-button-overlay:focus{background-color:var(--violet);color:var(--yellow)}.show-logout{transform:translateY(0)}@media screen and (min-width: 768px){.h,.log-in{display:flex}}.header-user-image{width:37px;height:37px;border-radius:37px;background:var(--white);display:flex;align-items:center;justify-content:center}.header-user-name{color:var(--white);font-size:22px;font-weight:700}.icon-arrow-down-user{fill:var(--white);position:relative}.icon-arrow-down-user use{position:absolute;top:0;transform:translateY(-25%)}.switch{position:relative;display:inline-block;width:40px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;box-shadow:1px 1px 2px #0000001a inset;background:linear-gradient(180deg,#4F2EE8 0%,#DCDCDC 100%);-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:18px;width:18px;left:1px;bottom:4px;top:0;bottom:0;margin:auto;-webkit-transition:.4s;transition:.4s;box-shadow:0 0 15px #2020203d;background:var(--white)}input:checked+.slider{background:linear-gradient(180deg,#4F2EE8 0%,#686868 100%)}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translate(20px);background-color:var(--white)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.mobile-menu-container{display:flex;margin-left:14px}.icon-burger{stroke:var(--black)}@media screen and (min-width: 768px){.mobile-menu-container{display:none}}.menu-toggle{border:none;background:none}.hidden-header{opacity:0;width:0;height:0}@media screen and (min-width: 320px) and (max-width: 767.98px){.header-user{display:none}}.categories{background-color:transparent}.categories-div{max-width:335px;max-height:228px;overflow-y:scroll}.categories-list{display:flex;gap:24px;flex-wrap:wrap}.categories-item{display:flex;width:307px;-webkit-tap-highlight-color:transparent}.categories-button{display:none;outline:none}.categories-label{width:100%;border:none;color:var(--category-label);font-size:16px;line-height:1.125;transition:all var(--animation);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:color var(--animation),opacity var(--animation)}.categories-label:hover{color:var(--violet);font-weight:700;text-transform:uppercase;transition:color var(--animation),opacity var(--animation)}.categories-div::-webkit-scrollbar{width:8px}.categories-div::-webkit-scrollbar-track{background:transparent}.categories-div::-webkit-scrollbar-thumb{background-color:#e0e0e0;border-radius:12px}@media screen and (min-width: 768px){.categories-div{max-width:337px;max-height:472px}.categories-list{gap:32px}.categories-item{width:318px;height:24px}.categories-label:hover,.categories-label{font-size:18px}}@media (min-width: 1440px){.categories-div{max-width:356px}.categories-list{gap:24px}.categories-item{width:328px;height:42px}.categories-label{padding-top:12px}}.active{color:var(--violet);font-size:16px;font-weight:700;line-height:1.12;text-transform:uppercase;opacity:1}.card{display:flex}.support{display:grid;max-width:335px;height:460px;padding-top:24px;background:radial-gradient(183.6% 183.01% at 59.76% -23.42%,var(--violet) 18.03%,var(--white) 100%);box-shadow:0 10px 10px #f5f5f71a;border-radius:16px}@media screen and (min-width: 768px){.support{min-width:335px;height:474px}}@media screen and (min-width: 1440px){.support{max-width:356px}}.support-title{display:flex;justify-content:center;color:#fff;font-weight:700;margin-bottom:40px;font-size:28px;line-height:1.2;letter-spacing:-.04em}@media screen and (max-width:768px){.support-title{margin-bottom:27px}}.support-list{padding-left:40px}.support-button{display:flex;background-color:#fff;border-radius:50%;border:none;cursor:pointer;width:32px;height:32px;justify-content:center;align-items:center}@media screen and (min-width: 768px){.support-button{width:38px;height:38px}}.support-button:focus,.support-button:hover{filter:drop-shadow(0px 4px 4px rgba(0,0,0,.25))}.button-support{justify-content:center;justify-self:center;align-self:flex-end;margin-bottom:24px}.support-button-svg{fill:var(--violet);width:20px;height:20px;display:flex;justify-content:center;align-items:center}@media screen and (min-width: 768px){.support-button-svg{width:22px;height:22px}}.support-svg{fill:var(--white);margin-left:10px}.support-img{fill:var(--white);margin-left:16px;filter:brightness(0) invert(1)}.support-number{color:#fff;display:flex;align-items:center;height:32px}.support-link{margin-bottom:20px}.slider-container{overflow:hidden;scroll-behavior:smooth}.shopping-section{padding-bottom:20px}.shopping-header{font-size:32px;font-weight:700;line-height:1.18;letter-spacing:-1.28px}.shopping-span{color:var(--violet)}.no-books{margin-top:120px;display:flex;flex-direction:column;align-items:center}.no-books-text{opacity:.6;text-align:center;line-height:1.28;letter-spacing:-.28px;margin:0 auto;width:244px}.no-books-img{width:265px}.shopping-list{margin-top:40px}.shopping-element{margin:0 auto 20px;position:relative;padding:14px;display:flex;gap:14px;width:335px;border-radius:16px;border:2px solid var(--violet);background:var(--white)}.delete-item{cursor:pointer;position:absolute;top:14px;right:14px;border-radius:50%;background-color:var(--violet);width:28px;height:28px;border:0;padding:0;display:flex;justify-content:center;align-items:center}.remove-bin{stroke:var(--white)}.book-image{border-radius:8px;width:100px;height:142px}.text-content{width:100%}.book-title{width:144px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:700;line-height:1.12;letter-spacing:-.64px;text-transform:uppercase;margin-bottom:4px}.book-category{width:144px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--gray);font-size:12px;line-height:1.16;letter-spacing:.36px;margin-bottom:8px}.book-description{width:144px;overflow:hidden;width:193px;height:56px;text-overflow:ellipsis;line-height:1.28;letter-spacing:-.56px;margin-bottom:16px}.author-name{color:var(--gray);font-size:12px;font-style:italic;line-height:1.16;letter-spacing:-.48px}.author-buy{display:flex;justify-content:space-between}.buy-links{display:flex;align-items:center;gap:8px}.buy-amazon{width:32px;height:11px}.buy-apple{width:16px}@media only screen and (min-width: 768px){.shopping-header{font-size:48px;line-height:1.08;letter-spacing:-1.92px}.no-books{margin-top:140px}.no-books-text{font-size:18px;line-height:1.33;letter-spacing:-.36px;width:346px}.no-books-img{width:322px}.shopping-element{width:704px;padding:24px}.delete-item{top:24px;right:24px;width:34px;height:34px}.remove-bin{width:18px;height:18px}.book-image{width:116px;height:165px}.book-title{width:auto}.book-category{margin-bottom:14px;width:auto}.book-description{width:508px;height:53px;margin-bottom:46px}.buy-links{gap:16px}.buy-amazon{width:48px;height:15px}.buy-apple{width:28px}}@media only screen and (max-width: 1439px){.support-for-shopping{display:none}}@media only screen and (min-width: 1440px){.shopping-section{width:100vw}.shopping-element{width:996px}.book-description{width:auto}}.book-block-title{color:var(--black);font-size:32px;font-weight:700;line-height:1.19;letter-spacing:-.04em;margin-bottom:40px}.book-block-title-accent{color:var(--violet)}.book-block{background-color:var(--background-white);padding-bottom:80px}.best-category-title{color:var(--gray);font-size:14px;font-weight:400;line-height:1.28;letter-spacing:.03em;margin-bottom:18px;text-transform:uppercase}.book-card-box{position:relative;overflow:hidden}.book-card-overlay{background-color:var(--yellow);font-size:30px;text-transform:uppercase;text-align:center;border-radius:0 0 8px 8px;color:var(--black);line-height:1.5;letter-spacing:-.02em;padding:27px 32px;position:absolute;bottom:0;left:0;transform:translateY(100%);width:100%;height:20%;transition:transform var(--animation)}.book-card:hover .book-card-overlay,.book-card:focus .book-card-overlay{transform:translateY(0)}.book-card-img{border-radius:8px;margin-bottom:14px;width:335px;height:485px}.category-books-wrapper,.best-category-list{display:flex;flex-direction:column;align-items:center;row-gap:40px}.book-card-text{color:var(--gray);background-color:var(--background-white);font-style:italic;margin-bottom:8px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.book-card-title{line-height:1.12;font-size:16px;font-weight:700;color:var(--black);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.see-more-btn-box{width:100%;display:flex;align-items:center;justify-content:flex-end}.see-more-btn{color:var(--black);cursor:pointer;font-size:14px;font-weight:700;line-height:1.28;letter-spacing:-.01em;text-transform:uppercase;border-radius:40px;border:2px solid var(--violet);background-color:inherit;height:46px;width:124px;margin-bottom:40px;transition:var(--animation)}@media (hover: hover){.see-more-btn:hover,.see-more-btn:focus{color:var(--white);background-color:var(--violet)}}.book-card{display:none;cursor:pointer;width:100%}@media screen and (min-width: 320px){.book-card:first-child{display:block}}@media screen and (min-width: 768px){.book-block-title{font-size:48px;line-height:1.08}.book-card-img{width:218px;height:316px}.book-card-overlay{font-size:20px;padding:17px 32px}.book-card:nth-child(-n + 3){display:block}.book-card{width:calc((100% - 50px) / 3)}.category-books-wrapper{flex-direction:row;flex-wrap:wrap;column-gap:25px}.best-category-list{flex-direction:row;column-gap:25px}.best-category-title{line-height:1.71}.see-more-btn-box{margin-top:12px}}@media screen and (min-width: 1440px){.book-block{max-width:996px}.category-books-wrapper,.best-category-list{column-gap:24px}.book-card-overlay{font-size:16px;padding:15px 28px}.book-card{display:block;width:calc((100% - 96px)/5)}.book-card-img{width:180px;height:256px}.see-more-btn-box{margin-top:24px}}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(17,17,17,.4)}.modal-content{display:flex;flex-direction:column;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:335px;padding:40px 24px;border-radius:18px;border:2px solid var(--black);background:var(--white)}#closeModal{position:absolute;top:12px;right:12px;background:unset;border:unset;cursor:pointer}.close-modal-icon{stroke:var(--black)}.book-modal-img{width:287px;height:408px;margin-bottom:14px;border-radius:8px}.book-modal-title{font-size:16px;font-weight:700;line-height:1.12;letter-spacing:-.04rem;margin-bottom:4px}.book-modal-author{margin-bottom:18px;color:var(--gray);font-size:12px;font-style:italic;font-weight:400;line-height:1.16;letter-spacing:-.04rem}.book-modal-description{font-size:14px;font-weight:400;line-height:1.28;letter-spacing:-.04rem;margin-bottom:44px}.book-link-wrap{display:flex;align-items:center;gap:20px;margin-bottom:44px}.book-link{filter:grayscale(100%);transition:var(--animation)}.book-link:hover,.book-link:focus{filter:var(--link-hover-filter)}.amazon-link{filter:var(--filter-for-amazon)}#addToShoppingList{margin-bottom:8px;padding:14px 28px;border-radius:40px;border:2px solid var(--violet);color:var(--black);background:var(--white);font-size:14px;font-weight:700;line-height:1.28;letter-spacing:-.01rem;text-transform:uppercase}#congratulationsMessage{color:var(--category-label);text-align:center;font-size:10px;font-weight:400;line-height:1.2;letter-spacing:-.4px}@media screen and (min-width: 768px){.modal-content{align-items:unset;width:579px;padding:40px}.book-modal-info{display:flex;gap:24px}.book-modal-img{margin-bottom:40px;width:192px;height:281px}.book-modal-title{margin-bottom:8px;font-size:24px;line-height:1.16}.book-modal-author,.book-modal-description{margin-bottom:20px;font-size:14px;line-height:1.28}#addToShoppingList{padding:20px 100px;font-size:18px;line-height:1.33}#congratulationsMessage{font-size:12px;line-height:1.16;letter-spacing:-.48px}}.scroll-up{transition:opacity var(--animation);opacity:0;visibility:hidden;display:flex;position:fixed;bottom:10px;right:5px;z-index:99;border:none;outline:none;background-color:#4f2ee84d;cursor:pointer;padding:5px;border-radius:50%}.scroll-up-span{transition:opacity var(--animation);opacity:0;visibility:hidden;background-color:var(--violet);padding:15px;border-radius:50%}.sign-in-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#4f2ee8;z-index:951;transition:all var(--animation)}.sign-in-modal{width:305px;position:absolute;padding:60px 20px 40px;top:50%;left:50%;transform:translate(-50%) translateY(-50%);border:2px solid #111;border-radius:18px;background-color:var(--background-white);box-shadow:0 2px 1px #0003,0 1px 3px #0000001f,0 1px 1px #00000024;transition:transform .25s cubic-bezier(.4,0,.2,1)}.signin-close-icon{stroke:var(--black)}.sign-in-close-btn{position:absolute;top:24px;right:24px;border-color:#e7e9fc;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:0;padding:0;background-color:inherit;border:none;cursor:pointer;transition:all var(--animation)}.sign-in-close-btn:hover .signin-close-icon,.sign-in-close-btn:focus .signin-close-icon{stroke:#4f2ee8}.modal-input{width:100%;height:50px;padding:16px 24px;border:2px solid var(--black);color:var(--black);border-radius:40px;background-color:transparent;outline:transparent;transition:border-color .25s cubic-bezier(.4,0,.2,1);font-size:16px}.modal-input:focus{border-color:#4d5ae5}.modal-input::placeholder{color:var(--black);text-transform:uppercase;font-size:16px;font-weight:700;line-height:1.125;letter-spacing:-.01em}.send-user-data{background-color:var(--black);border:2px solid var(--black);color:var(--white);text-transform:uppercase;font-size:16px;line-height:1.125;font-weight:700;letter-spacing:-.01em;height:50px;border-radius:40px;outline:none;width:100%;transition:all var(--animation)}.send-user-data:hover,.send-user-data:focus{background-color:var(--white);color:var(--black)}.input-field{position:relative}.modal-user-icons{stroke:var(--black);fill:var(--white);position:absolute;top:24%;right:10%;transition:all var(--animation)}.modal-input:focus-within+.modal-user-icons{stroke:var(--violet)}.signin-container-form,.inputs-container-form{display:flex;flex-direction:column;row-gap:28px}.form-btn-list{display:flex;align-items:center;justify-content:center;column-gap:20px;margin-top:14px}.form-btn-link{text-transform:uppercase;font-size:16px;font-weight:500;line-height:1.125;letter-spacing:-.01em;color:var(--category-label);cursor:pointer}.active-btn{color:var(--violet);text-decoration:underline}@media screen and (min-width: 768px){.sign-in-modal{width:579px;padding:72px 40px 40px}.signin-close-icon{width:28px;height:28px}.modal-input{height:64px;padding:20px 40px;font-size:18px}.modal-input::placeholder{font-size:18px;line-height:1.33}.send-user-data{font-size:18px;line-height:1.33;height:64px;margin-top:12px}.form-btn-link{font-size:18px;line-height:1.33}.form-btn-list{margin-top:20px}}.burger-backdrop{position:fixed;top:0;left:0;z-index:949;width:100%;height:100%;background-color:#000000b3;transition:all var(--animation)}.icon-close-burger{stroke:var(--black)}.icon-logo-text{fill:var(--black)}.burger-menu{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:950;background-image:url(/project-twelve_team_JS/assets/mobile-group@1x-min-8eca3f0b.png),radial-gradient(189.32% 190.93% at 59.76% -23.42%,#4F2EE8 18.03%,#FFF 100%);background-repeat:no-repeat;background-size:contain;background-position:bottom;height:100%;width:100%;max-width:375px}.header-burger{width:100%;border-radius:0 0 8px 8px;border:1.5px solid var(--black);background:var(--white);display:flex;justify-content:space-between;align-items:center;height:64px}.close-burger-container{display:flex;align-items:center;justify-content:center;width:40px;height:40px}.js-close-menu{width:28px;height:28px}.burger-switch-cont{display:flex;align-items:center;column-gap:14px}.burger-menu-list{max-width:160px;max-height:70px;display:flex;flex-direction:column;align-items:flex-start;row-gap:17px}.burger-list-item{color:#fff;font-size:14px;text-transform:uppercase;font-weight:500;line-height:1.28;letter-spacing:-.04em}.bag-burger-icon{fill:#fff}.burger-home{max-width:72px}.burger-shoplist{display:flex;align-items:center;column-gap:4px}.burger-nav{min-width:100%;display:flex;align-items:center;justify-content:center;margin-top:126px}.burger-upper{width:100%}.sign-up-container{max-width:335px;margin:0 auto}.sign-up-btn,.logout-btn{background-color:var(--white);color:var(--black);width:118px;height:48px;display:flex;align-items:center;justify-content:center;column-gap:4px;font-weight:500;line-height:1.28;letter-spacing:-.04em;border-radius:18px;border:1.5px solid var(--black);outline:none}.logout-icon-arrow{display:flex;align-items:center;justify-content:center}.burger-main-part{height:calc(100% - 64px);padding:20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.burger-user{display:flex;align-items:center;column-gap:9px}.sign-up-btn{background-color:var(--violet);color:var(--white);justify-content:space-between;padding:14px 15px;width:184px}.visually-hidden{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0)}.active-burger-icon{fill:#111}@media only screen and (min-width: 320px) and (-webkit-min-device-pixel-ratio: 2),only screen and (min-width: 320px) and (min-resolution: 192dpi),only screen and (min-width: 320px) and (min-resolution: 2dppx){.burger-menu{background-image:url(/project-twelve_team_JS/assets/mobile-group@2x-min-5b614011.png),radial-gradient(189.32% 190.93% at 59.76% -23.42%,#4F2EE8 18.03%,#FFF 100%)}}@media screen and (min-width: 768px){.burger-backdrop{display:none}}.loader-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:999}.loader{width:60px;height:60px;border-radius:50%;display:inline-block;border-top:4px solid #FFF;border-right:4px solid transparent;box-sizing:border-box;animation:rotation 1s linear infinite;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loader:after{content:"";box-sizing:border-box;position:absolute;left:0;top:0;width:60px;height:60px;border-radius:50%;border-bottom:4px solid var(--violet);border-left:4px solid transparent}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.is-hidden{visibility:hidden;opacity:0;pointer-events:none}.tui-pagination *{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.tui-ico-ellipsis,.tui-ico-first,.tui-ico-last,.tui-ico-next,.tui-ico-prev{overflow:hidden}.tui-pagination{min-height:38px!important;display:flex;align-items:center;justify-content:center;font-size:18px;@media screen and (min-width: 768px){height:44px;margin-top:40px}}.tui-pagination .tui-page-btn{display:flex!important;align-items:center!important;justify-content:center!important;min-width:38px;min-height:38px;font-size:18px!important;font-weight:700!important;line-height:1.22!important;color:var(--black)!important;text-decoration:none;border-radius:50%;border-right:1px solid var(--black)!important;border-left:1px solid var(--black)!important;border-top:1px solid var(--black)!important;border-bottom:1px solid var(--black)!important;margin-right:3px!important;margin-left:3px!important;@media screen and (min-width: 768px){min-width:44px;min-height:44px;padding:11px 0;margin-left:10px}}.tui-pagination .tui-page-btn:hover{background-color:inherit}.tui-pagination .tui-is-selected,.tui-pagination strong{color:var(--black);cursor:default}.tui-pagination .tui-first-child,.tui-pagination strong.tui-first-child{margin-left:0;border-right:1px solid var(--black)!important;border-left:1px solid var(--black)!important;border-top:1px solid var(--black)!important;border-bottom:1px solid var(--black)!important}.tui-pagination .tui-first,.tui-pagination .tui-prev,.tui-pagination .tui-next,.tui-pagination .tui-last,.tui-pagination .tui-prev-is-ellip,.tui-pagination .tui-next-is-ellip{height:38px;white-space:nowrap;padding:0;font-size:0;font-weight:400;line-height:38px;overflow:hidden;@media screen and (min-width: 768px){height:44px;line-height:44px}}.tui-pagination .tui-ico-first,.tui-pagination .tui-ico-prev,.tui-pagination .tui-ico-next,.tui-pagination .tui-ico-last,.tui-pagination .tui-ico-ellip{display:inline-block;vertical-align:middle;font-size:0px}.tui-pagination .tui-prev-is-ellip,.tui-pagination .tui-next-is-ellip{padding:0;line-height:1}.tui-pagination .tui-first{margin:0 8px 0 0;color:var(--white);background-color:#111;@media screen and (min-width: 768px){margin:0 8px 0 0}}.tui-pagination .tui-next{margin-left:5px;margin-right:5px;background-color:#eac645;@media screen and (min-width: 768px){margin-left:24px!important;margin-right:8px}}.tui-pagination .tui-last{margin:0;background-color:#eac645}.tui-pagination .tui-ico-first{width:11px;height:10px;background-position:-13px 0px}.tui-pagination:hover .tui-ico-first,.tui-pagination:focus .tui-ico-first{color:#fff!important}.tui-pagination .tui-ico-prev{width:6px;height:10px;background-position:-26px -12px}.tui-pagination .tui-ico-next{width:6px;height:10px;background-position:-13px -24px}.tui-pagination .tui-ico-last{width:11px;height:10px;background-position:0px -12px}.tui-pagination .tui-ico-ellip{width:10px;height:2px;margin-top:24px;vertical-align:top;background-position:0px -24px;@media screen and (min-width: 768px){margin-top:28px}}.tui-pagination .tui-is-disabled:hover{background:var(--black);cursor:default}.tui-pagination .tui-is-disabled .tui-ico-prev{background-position:-26px 0px}.tui-pagination .tui-is-disabled .tui-ico-first{background-position:0px 0px}.tui-pagination .tui-is-disabled .tui-ico-next{background-position:-21px -24px}.tui-pagination .tui-is-disabled .tui-ico-last{background-position:-13px -12px}.tui-page-inputs{display:inline-block;vertical-align:top}.tui-page-inputs .tui-page-current{color:var(--black)}.tui-page-separator{display:inline-block;font-size:12px;height:12px;padding:8px 0 6px;vertical-align:top}.tui-pagination .tui-is-selected,.tui-pagination strong{background-color:var(--violet)!important;color:#fff!important;border-color:var(--violet)!important}.tui-pagination .tui-prev{margin-right:14px;color:var(--white);background-color:#111;@media screen and (min-width: 768px){margin-right:24px!important}}.tui-ico-prev,.tui-ico-first{color:#fff!important}@font-face{font-family:DM Sans,sans-serif;src:url(/project-twelve_team_JS/assets/DMSans-Regular-e7977b4c.ttf);src:url(/project-twelve_team_JS/assets/DMSans-Italic-48ac632d.ttf);src:url(/project-twelve_team_JS/assets/DMSans-Medium-d423d635.ttf);src:url(/project-twelve_team_JS/assets/DMSans-Bold-d940878d.ttf)}:root{font-family:DM Sans,sans-serif;font-style:normal;font-size:14px;line-height:24px;font-weight:400;--transition: transform .3s ease-out;--black: #111;--black-1: #202024;--violet: #4f2ee8;--yellow: #eac645;--white: #fff;--gray: #b4afaf;--background-white: #f6f6f6;--category-label: rgba(17, 17, 17, .6);--filter-for-amazon: grayscale(100%);--animation: .3s ease-in-out;--link-hover-filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, .35));color:var(--black);background-color:var(--background-white)}.darkmode{--black: #FFF;--black-1: #f6f6f6;--white: #111;--background-white: #202024;--category-label: rgba(255, 255, 255, .6);--link-hover-filter:drop-shadow(0px 3px 3px rgba(255, 255, 255, .35));--filter-for-amazon: brightness(0) invert(1);color:var(--black);background-color:var(--background-white)}.container{min-width:320px;max-width:375px;padding:0 20px;margin:0 auto}.main-container{display:flex;flex-direction:column;gap:40px}.left-main{display:flex;flex-direction:column;gap:40px;width:100%}@media screen and (min-width: 768px){.container{max-width:768px;padding:0 32px}.main-container{gap:98px}.left-main{flex-direction:row;gap:32px}}@media screen and (min-width: 1440px){.container{max-width:1440px;padding:0 24px}.main-container{flex-direction:row;gap:40px}.left-main{flex-direction:column;gap:86px;width:356px}.shopping-box{display:flex;gap:40px}}.hidden{display:none}