.base-pagination{align-items:center;display:flex;gap:10px;justify-content:center}.base-pagination-pages{border-radius:100px;padding:5px 10px}.base-pagination-button,.base-pagination-pages{background-color:var(--text-light);display:flex}.base-pagination-button{align-items:center;border-radius:50%;color:#000;cursor:pointer;height:25px;justify-content:center;min-width:25px;transition:var(--transition);-webkit-user-select:none;-moz-user-select:none;user-select:none}.base-pagination-button._disabled{cursor:not-allowed;opacity:.5}.base-pagination-item{align-items:center;background-color:transparent;border-radius:5px;color:rgb(from var(--text-dark) r g b/.5);cursor:pointer;display:flex;height:30px;justify-content:center;position:relative;transition:var(--transition);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:30px}.base-pagination-item._active{color:var(--text-dark);opacity:1}.base-pagination-page-list{background-color:var(--white);border-radius:5px;left:-10px;padding:0 3px;pointer-events:none;position:absolute;right:-10px;transition:opacity var(--transition);z-index:10}.base-pagination-page-list._top{bottom:calc(100% + 11px)}.base-pagination-page-list._bottom{top:calc(100% + 11px)}.base-pagination-page-list._visible{opacity:1;pointer-events:all}.base-pagination-page-list._hidden{opacity:0}.base-pagination .scroll-content{max-height:180px}.base-pagination-page-list-scroll{max-height:180px;overflow:scroll!important;padding:3px 0}.base-pagination-page-list-scroll::-webkit-scrollbar{width:3px}.base-pagination-page-list-scroll::-webkit-scrollbar-track{background-color:transparent;border-radius:inherit}.base-pagination-page-list-scroll::-webkit-scrollbar-thumb{background-color:rgb(from var(--accent-100) r g b/.2);border-radius:10px}.base-pagination-page-list-scroll::-webkit-scrollbar-thumb:hover{background-color:rgb(from var(--accent-100) r g b/.5)}.base-pagination-list-items{align-items:center;display:flex;flex-direction:column;gap:3px}.base-pagination-page-list-item{align-items:center;border-radius:5px;color:var(--text-dark);display:flex;height:40px;justify-content:center;padding:10px;transition:var(--transition);width:100%}.base-pagination .thumb{background:#00000040}@media(hover:hover){.base-pagination-item:not(._active):hover{background-color:rgb(from var(--accent-300) r g b/.5)}.base-pagination-item:has(.base-pagination-page-list :hover):hover{background-color:transparent}.base-pagination-button:not(._disabled):hover,.base-pagination-page-list-item:hover{background-color:rgb(from var(--accent-300) r g b/.5)}}@media(hover:none){.base-pagination-item:not(._active):active{background-color:rgb(from var(--accent-300) r g b/.5)}.base-pagination-item:has(.base-pagination-page-list :active):active{background-color:transparent}.base-pagination-button:not(._disabled):active,.base-pagination-page-list-item:active{background-color:rgb(from var(--accent-300) r g b/.5)}}@media screen and (max-width:639px){.base-pagination{gap:10px}}.catalog-list-cards{display:grid;gap:30px 20px;grid-auto-rows:650px;grid-template-columns:repeat(3,1fr);margin-bottom:40px}.catalog-list-cards-item{border-radius:20px;color:var(--text-light);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:30px 20px 20px;position:relative}.catalog-list-cards-item h3{max-width:300px}.catalog-list-cards-item>*{position:relative;z-index:3}.catalog-list-cards-item:before{background:linear-gradient(156.88deg,#0006 23.7%,#00000014 98.81%);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.catalog-list-cards-item-img{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.catalog-list-cards-item-img img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.catalog-list-cards-item-img span{align-items:center;background:linear-gradient(0deg,#020d17b3 52.69%,#084a7db3);border:1px solid var(--white);border-radius:20px;color:var(--text-light);display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:var(--transition)}@media(hover:hover){.catalog-list-cards-item:hover .catalog-list-cards-item-img span{opacity:1}}.catalog-list-cards-item:active .catalog-list-cards-item-img span{opacity:1}@media screen and (max-width:1700px){.catalog-list-cards{grid-auto-rows:450px}}@media screen and (max-width:1199px){.catalog-list-cards{grid-auto-rows:450px;grid-template-columns:repeat(1,1fr)}}@media screen and (max-width:639px){.catalog-list-cards{grid-auto-rows:400px}}