.hbn-recognition-tabs-section{background:#f9f3ff}.hbn-recognition-tabs{display:block;width:100%;color:#4a1e69;overflow:hidden}.hbn-recognition-tabs__inner{width:min(100%,var(--page-width));margin-inline:auto;padding:72px var(--page-margin) 80px;box-sizing:border-box}.hbn-recognition-tabs__header{box-sizing:border-box;width:100%}.hbn-recognition-tabs__title,.hbn-recognition-tabs__description{width:100%;max-width:none;margin:0}.hbn-recognition-tabs__description{margin-block-start:12px;text-wrap:pretty}.hbn-recognition-tabs__tablist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(100%,900px);margin:32px auto 28px}.hbn-recognition-tabs__tab{min-height:56px;padding:12px 24px;border:2px solid #b26efa;border-radius:999px;color:#4a1e69;background:transparent;font:inherit;font-size:20px;font-weight:600;line-height:1.1;text-align:center;cursor:pointer;transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.hbn-recognition-tabs__tab:hover{background:#ecdaff}.hbn-recognition-tabs__tab[aria-selected=true]{color:#fff;background:#b26efa;border-color:#b26efa;box-shadow:0 8px 22px #4a1e6929}.hbn-recognition-tabs__tab:focus-visible{outline:3px solid #4a1e69;outline-offset:3px}.hbn-recognition-tabs__tab:active{transform:translateY(1px)}.hbn-recognition-tabs__stage{display:grid;width:100%;max-width:1600px;aspect-ratio:2 / 1;margin-inline:auto}.hbn-recognition-tabs__panel{grid-area:1 / 1;width:100%;height:100%;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility 0s linear .25s}.hbn-recognition-tabs__panel.is-active{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.hbn-recognition-tabs__image,.hbn-recognition-tabs__placeholder{display:block;width:100%;height:100%;object-fit:contain}.hbn-recognition-tabs__placeholder{color:#b26efa;background:#ecdaff;border-radius:24px}@media screen and (min-width:750px)and (max-width:1699px){.hbn-recognition-tabs__header{padding-inline:clamp(4px,1.5vw,4px)}}@media screen and (max-width:749px){.hbn-recognition-tabs__inner{padding-block:48px 56px}.hbn-recognition-tabs__tablist{grid-template-columns:1fr;gap:8px;margin-block:24px 20px}.hbn-recognition-tabs__tab{min-height:48px;padding:10px 18px;font-size:18px}}@media(prefers-reduced-motion:reduce){.hbn-recognition-tabs__tab,.hbn-recognition-tabs__panel{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/hbn-recognition-tabs.css.map */