.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.variant-listbox__label{display:block;margin-bottom:16px;font-size:16px;color:var(--primary-color, currentColor)}.variant-listbox{position:relative;display:block;width:100%}.variant-listbox__trigger{display:flex;align-items:center;gap:8px;width:100%;box-sizing:border-box;padding:8px 42px;font:inherit;font-size:14px;line-height:125%;text-align:left;color:var(--primary-color, currentColor);background:transparent;border:2px solid var(--primary-color, currentColor);cursor:pointer}.variant-listbox__trigger:after{content:"";flex-shrink:0;width:9px;height:7px;margin-left:auto;background-color:var(--primary-color, currentColor);mask:url("data:image/svg+xml,%3Csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0H8.5L4.5 7L0 0Z' fill='%23000'/%3E%3C/svg%3E") no-repeat center / contain;-webkit-mask:url("data:image/svg+xml,%3Csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0H8.5L4.5 7L0 0Z' fill='%23000'/%3E%3C/svg%3E") no-repeat center / contain;transition:transform .15s ease}.variant-listbox__trigger[aria-expanded=true]:after{transform:rotate(180deg)}.variant-listbox__trigger[aria-expanded=true]{border-bottom:none}.variant-listbox__trigger:disabled{opacity:.5;cursor:not-allowed}.variant-listbox__trigger:focus-visible{outline:2px solid var(--primary-color, currentColor);outline-offset:2px}.variant-listbox__popup{position:absolute;z-index:20;top:100%;left:0;right:0;max-height:min(60vh,400px);overflow-y:auto;box-sizing:border-box;margin:0;padding:4px;list-style:none;background:var(--secondary-color, #fff);border:2px solid var(--primary-color, currentColor);border-top:none}.variant-listbox__popup[hidden]{display:none}.variant-listbox__option{display:flex;align-items:center;gap:8px;padding:10px 38px;cursor:pointer}.variant-listbox__option:hover,.variant-listbox__option:focus-visible{background:#0000000f;outline:none}.variant-listbox__option[aria-selected=true]{text-decoration:underline;text-underline-offset:2px}.variant-listbox__option.is-soldout{opacity:.5;cursor:not-allowed}.variant-listbox__option.is-soldout:hover{background:transparent}.variant-listbox__thumb{flex-shrink:0;width:32px;height:32px;object-fit:contain}.variant-listbox__option-label{flex-grow:1;min-width:0}.variant-listbox__soldout-label{flex-shrink:0;font-size:.75rem;text-transform:uppercase}.variant-cta{display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;gap:8px;padding:8px 42px;margin:24px 0 32px;font-size:1.25rem;line-height:125%;text-transform:capitalize;color:var(--primary-color, currentColor);background:transparent;border:2px solid var(--primary-color, currentColor);cursor:pointer}.variant-cta:disabled,.variant-cta.disabled{opacity:.5;cursor:not-allowed;justify-content:center}.variant-cta [data-cta-price][hidden]{display:none}@media only screen and (min-width:789px){.variant-listbox__trigger span,.variant-listbox__option-label{font-size:20px}}@media only screen and (max-width:480px){.variant-listbox__trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:125%}.variant-listbox__option{align-items:flex-start}.variant-listbox__option-label{white-space:normal;word-break:break-word}.variant-listbox__thumb{width:20px;height:20px}.variant-listbox__label{font-size:16px}.variant-cta{font-size:15px;padding:4px 35px;height:32px}.variant-listbox__trigger{padding:4px 35px;height:32px}.variant-listbox__popup{padding:0}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/variant-listbox.css.map */