.template-page-installation-guides{background-color:var(--adro-page-bg)}.installation-guide{padding:48px var(--adro-gutter) 64px}.installation-guide__page-title{margin:0 0 24px;font-family:var(--font-primary);font-size:26px;font-weight:600;line-height:1.15;letter-spacing:.04em;text-transform:uppercase;color:#111}.installation-guide__body{display:flex;justify-content:flex-start;gap:12px;margin-bottom:32px}.installation-guide__filter{display:flex;max-width:240px;width:100%}.installation-guide__select{position:relative;width:100%}.installation-guide__trigger{display:flex;justify-content:space-between;align-items:center;padding:8px 16px 8px 20px;background-color:#fff;border:1px solid rgba(17,17,17,.2);cursor:pointer}.installation-guide__trigger.disabled{pointer-events:none;background-color:#ffffff80}.installation-guide__value,.installation-guide__filter-item{font-family:var(--font-secondary);font-size:14px;font-weight:400;line-height:20px;letter-spacing:.4px;text-transform:uppercase;color:#111}.guide__arrow{transform:rotate(180deg);transition:transform .3s ease}.installation-guide__wrapper{display:none;position:absolute;top:100%;left:0;width:100%;margin-top:-1px;background-color:#fff;border:1px solid rgba(17,17,17,.2);z-index:10}.installation-guide__filter-list{list-style:none;margin:0;padding:0}.installation-guide__filter-item{padding:7px 15px;cursor:pointer;transition:background-color .2s ease}.installation-guide__filter-item:hover{background-color:var(--adro-page-bg)}.installation-guide__select.open .installation-guide__wrapper{display:block}.installation-guide__select.open .gallery__arrow,.installation-guide__select.open .guide__arrow{transform:rotate(0)}.installation-guides__wrapper{border-top:1px solid rgba(17,17,17,.18)}.installation-guide__item{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:16px 0;border-bottom:1px solid rgba(17,17,17,.12)}.installation-guide__title-wrapper{display:flex;gap:20px;align-items:center}.installation-guide__icon{display:none}.installation-guide .installation-guide__title{margin:0;font-family:var(--font-secondary);font-size:14px;font-weight:500;line-height:1.4;letter-spacing:.4px;text-transform:uppercase;color:#111}.installation-guide__btn-wrapper{display:flex;gap:12px;align-items:center}.installation-guide__btn{position:relative;isolation:isolate;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:12px;width:143px;height:40px;padding:0 16px;background:transparent;color:#fff;text-decoration:none;box-shadow:inset 0 0 0 2px #2d2d2d;transition:color .45s cubic-bezier(.65,0,.35,1),transform .12s ease}.installation-guide__btn>*{position:relative;z-index:1}.installation-guide__btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:#2d2d2d;transform:scaleY(1);transform-origin:bottom;transition:transform .45s cubic-bezier(.65,0,.35,1)}.installation-guide__btn:hover{color:#2d2d2d}.installation-guide__btn:hover:before{transform:scaleY(0)}.installation-guide__btn:active{transform:scale(.985)}.installation-guide__btn-icon{display:flex}.installation-guide__btn-icon .svg-icon path{stroke:currentColor}.installation-guide__btn .installation-guide__btn-text{font-family:var(--font-secondary);font-size:11px;font-weight:600;line-height:16px;letter-spacing:1.5px;text-transform:uppercase}@media(prefers-reduced-motion:reduce){.installation-guide__btn,.installation-guide__btn:before{transition:none}}@media screen and (max-width:989px){.installation-guide{padding:32px var(--adro-gutter) 48px}.installation-guide__page-title{font-size:22px}.installation-guide__body{flex-direction:column;gap:8px;margin-bottom:24px}.installation-guide__filter{max-width:100%}.installation-guide__trigger{padding:10px 12px}.installation-guide__item{flex-direction:column;align-items:stretch;gap:12px}.installation-guide__btn-wrapper{gap:10px;flex-wrap:wrap}.installation-guide__btn{flex:1;width:auto;height:36px}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/installation-guides.css.map */