.app-compatible-boards{--app-compatible-boards-slider-gap: 16px;width:100%;padding-top:var(--app-compatible-boards-padding-top, 0);padding-bottom:var(--app-compatible-boards-padding-bottom, 0);overflow:hidden}#shopify-section-template--24289715093772__app_compatible_boards_8qeiXm,#shopify-section-template--24289715093772__app_page_cta_nC7FjX{display:block}.app-compatible-boards *,.app-compatible-boards *:before,.app-compatible-boards *:after{box-sizing:border-box}.app-compatible-boards__container{width:100%;max-width:1440px;margin:0 auto;padding:0 24px}.app-compatible-boards__inner{width:100%;background:rgba(var(--ui-color-surface-brand-rgb),.04);border-radius:var(--app-compatible-boards-radius, 16px);padding:64px;display:flex;flex-direction:column;gap:64px;margin:24px 0;overflow:hidden}.app-compatible-boards__top{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.app-compatible-boards__header{width:100%;max-width:596px;display:flex;flex-direction:column;gap:8px}.app-compatible-boards__heading{margin:0;color:#000;font-family:Onest,sans-serif;font-size:36px;font-weight:400;line-height:40px;letter-spacing:-.03em}.app-compatible-boards__text{color:#4d5156;font-family:Onest,sans-serif;font-size:16px;font-weight:400;line-height:20px}.app-compatible-boards__text p{margin:0}.app-compatible-boards__nav{display:flex;gap:8px;flex-shrink:0}.app-compatible-boards__nav-btn{width:36px;height:36px;min-width:36px;min-height:36px;border:0;border-radius:8px;background:transparent;color:#000;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:color .2s ease,background-color .2s ease}.app-compatible-boards__nav-btn svg{width:20px;height:20px;display:block}.app-compatible-boards__nav-btn svg path{stroke:currentColor}.app-compatible-boards__nav-btn:disabled,.app-compatible-boards__nav-btn.is-disabled{color:#a5a5a5;cursor:default;pointer-events:none}@media(hover:hover)and (pointer:fine){.app-compatible-boards__nav-btn:hover:not(:disabled):not(.is-disabled){background:#dddcd3}}.app-compatible-boards__slider-shell{width:100%;min-width:0}.app-compatible-boards__viewport{width:100%;overflow:visible;touch-action:pan-y}.app-compatible-boards__viewport:not(.swiper-initialized){overflow-x:auto;overflow-y:visible;scrollbar-width:none;-ms-overflow-style:none;-webkit-user-select:none;user-select:none;cursor:grab}.app-compatible-boards__viewport:not(.swiper-initialized)::-webkit-scrollbar{display:none}.app-compatible-boards__track{box-sizing:border-box}.app-compatible-boards__viewport:not(.swiper-initialized) .app-compatible-boards__track{display:flex;gap:var(--app-compatible-boards-slider-gap);flex-wrap:nowrap;width:max-content;min-width:100%;box-sizing:border-box}.app-compatible-boards__card{width:calc((100% - 64px)/5);max-width:240px;min-width:190px;flex:0 0 calc((100% - 64px)/5);display:flex;flex-direction:column;gap:12px;text-decoration:none}.app-compatible-boards__card-media{width:100%;aspect-ratio:1 / 1;background:var(--ui-color-surface-secondary40);border-radius:var(--app-compatible-boards-card-radius, 12px);overflow:hidden;display:flex;align-items:center;justify-content:center;padding:14px}.app-compatible-boards__card-media img{display:block;width:100%;height:100%;object-fit:contain}.app-compatible-boards__card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.app-compatible-boards__card-placeholder svg{width:70%;height:70%}.app-compatible-boards__card-title{margin:0;text-align:center;color:#000;font-family:Onest,sans-serif;font-weight:400;font-size:14px;line-height:20px;letter-spacing:0;word-break:break-word}.app-compatible-boards__pagination-wrap{display:none;padding-top:24px}.app-compatible-boards__pagination{display:flex;align-items:center;justify-content:center;gap:8px}.app-compatible-boards__pagination-dot{display:block;width:8px;height:8px;min-width:8px;max-width:8px;padding:0;margin:0;border:0;border-radius:50%;background:#dddcd3;flex:0 0 8px;appearance:none;-webkit-appearance:none;transition:width .2s ease,min-width .2s ease,max-width .2s ease,flex-basis .2s ease,border-radius .2s ease,background-color .2s ease}.app-compatible-boards__pagination-dot.is-active{width:24px;min-width:24px;max-width:24px;flex:0 0 24px;border-radius:4px;background:#263733}.app-compatible-boards__empty{width:100%;padding:24px;border-radius:12px;background:#ffffff80}.app-compatible-boards__empty p{margin:0;color:#4d5156;font-family:Onest,sans-serif;font-size:16px;line-height:20px}.app-compatible-boards__nav-btn:focus-visible,.app-compatible-boards__pagination-dot:focus-visible,.app-compatible-boards__card:focus-visible{outline:2px solid #263733;outline-offset:2px}@media screen and (max-width:1023px){.app-compatible-boards{--app-compatible-boards-slider-gap: 12px}.app-compatible-boards__container{padding:0 16px}.app-compatible-boards__inner{padding:36px;gap:24px}.app-compatible-boards__top{gap:16px}.app-compatible-boards__header{max-width:100%}.app-compatible-boards__heading{font-weight:500;font-size:24px;line-height:28px;letter-spacing:-.03em}.app-compatible-boards__text{font-weight:400;font-size:14px;line-height:18px;letter-spacing:0}.app-compatible-boards__card{width:160px;min-width:160px;max-width:160px;flex:0 0 160px;gap:12px}.app-compatible-boards__card-media{padding:10px}.app-compatible-boards__card-title{font-size:14px;line-height:18px}}@media screen and (max-width:767px){.app-compatible-boards{--app-compatible-boards-slider-gap: 12px}.app-compatible-boards__container{padding:0 16px}.app-compatible-boards__inner{padding:16px;gap:16px;border-radius:var(--app-compatible-boards-radius, 16px);margin:16px 0}.app-compatible-boards__top{flex-direction:column;gap:16px}.app-compatible-boards__header{gap:8px}.app-compatible-boards__heading{font-weight:500;font-size:24px;line-height:28px;letter-spacing:-.03em}.app-compatible-boards__text p{max-width:289px;color:#4d5156;font-weight:400;font-size:14px;line-height:18px;letter-spacing:0}.app-compatible-boards__nav{display:none}.app-compatible-boards__card{width:240px;min-width:240px;max-width:240px;flex:0 0 240px;gap:12px}.app-compatible-boards__card-media{aspect-ratio:1 / 1;padding:10px;border-radius:var(--app-compatible-boards-card-radius, 10px)}.app-compatible-boards__card-title{font-size:14px;line-height:18px}.app-compatible-boards__pagination-wrap{display:block}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/app-compatible-boards.css.map */