.country-states-tabs{width:100%}.country-states-tabs__heading{text-align:center;margin-bottom:.5rem}.country-states-tabs__subheading{text-align:center;margin-bottom:2rem;color:rgba(var(--color-foreground),.75)}.tabs-navigation{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 2rem;margin-bottom:2.5rem;padding-bottom:.25rem}.tab-button{background:none;border:none;border-bottom:2px solid transparent;padding:.75rem .25rem;font-weight:300;cursor:pointer;transition:all .2s ease;font-family:inherit;letter-spacing:.02em;font-size:20px}.tab-button:hover{opacity:1}.tab-button.active{border-bottom-width:2px;border-bottom-style:solid;font-weight:300}.tab-button:focus{outline:none}.tab-button:focus-visible{outline:2px solid currentColor;outline-offset:4px}.tabs-content{position:relative}.tab-panel{display:none}.tab-panel.active{display:block}.states-grid{display:grid;grid-template-columns:repeat(var(--columns-mobile),1fr);grid-auto-rows:min-content;gap:.875rem 1.5rem;max-width:100%}@media screen and (min-width:750px){.states-grid{grid-template-columns:repeat(var(--columns-desktop),1fr);gap:1rem 2rem}}.state-item{display:flex;align-items:baseline;gap:.35rem;line-height:1.6;font-size:18px;text-decoration:none;transition:opacity .2s ease;grid-column:var(--grid-col-mobile);grid-row:var(--grid-row-mobile)}@media screen and (min-width:750px){.state-item{grid-column:var(--grid-col-desktop);grid-row:var(--grid-row-desktop)}}.state-item:hover{opacity:.7}.state-name{font-weight:400}.state-count{font-weight:400;font-size:.875em}.country-states-tabs .scroll-trigger.animate--slide-in{opacity:0;transform:translateY(1rem)}.country-states-tabs .scroll-trigger.animate--slide-in.scroll-trigger--active{opacity:1;transform:translateY(0);transition:opacity .4s ease,transform .4s ease}.tab-panel .states-grid:empty:after{content:"No states available for this country.";grid-column:1 / -1;text-align:center;color:rgba(var(--color-foreground),.6);padding:2rem}@media(max-width:749px){.state-item{font-size:16px}.tab-button{font-size:18px}}@media(max-width:375px){.state-item{font-size:14px}.tab-button{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-country-states-tabs.css.map */