vbb-variant-selector-reactive{display:flex;flex-direction:column;gap:var(--spacing-xs)}vbb-variant-selector-reactive>*{order:1}vbb-variant-selector-reactive h3{font-size:1.6rem;font-style:italic;margin-bottom:var(--spacing-xs)}vbb-variant-selector-reactive nav{display:flex;flex-direction:column;gap:1rem}vbb-variant-selector-reactive ul{list-style-type:none;display:flex;gap:var(--spacing-xs);width:fit-content;flex-wrap:wrap}vbb-variant-selector-reactive ul[data-option].vbb-variant-selector__category{flex-flow:column}vbb-variant-selector-reactive li{line-height:0;display:flex}vbb-variant-selector-reactive li[data-active=true]{pointer-events:none}vbb-variant-selector-reactive li a.vbb-variant-selector__item__content--swatch__image--square{height:4rem;width:4rem}vbb-variant-selector-reactive li a.vbb-variant-selector__item__content--swatch__image{width:5rem;max-height:fit-content;position:relative;display:flex}vbb-variant-selector-reactive li a.vbb-variant-selector__item__content--swatch__image--square{display:inline-block;position:relative}vbb-variant-selector-reactive li a.vbb-variant-selector__item__content--text{display:inline-block;position:relative;padding:var(--spacing-2xs) var(--spacing-xs);width:fit-content;height:100%;margin-bottom:0}vbb-variant-selector-reactive li a{text-decoration:none;display:block;line-height:1;padding:1px;height:100%}vbb-variant-selector-reactive li a{font-family:var(--font-untitled-sans);font-size:1rem;text-transform:uppercase;border:1px solid transparent}vbb-variant-selector-reactive li:not([data-active=true]) a:hover,vbb-variant-selector-reactive li:not([data-active=true]) a:focus{border:1px solid var(--color-border)}vbb-variant-selector-reactive li[data-active=true] a{border:#000 1px solid}vbb-variant-selector-reactive li a img{display:block;width:100%;height:100%;object-fit:cover}.vbb-variant-selector__item__content--swatch__image--content{height:100%;width:100%;display:flex}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}vbb-variant-selector-reactive li[data-out-of-stock=true] a:after{position:absolute;content:"";left:0;transition:opacity .2s;top:1px;right:0;bottom:-2px;background-image:linear-gradient(to top left,rgba(255,255,255,.6) 0%,rgba(255,255,255,.6) calc(50% - 1px),var(--color-bg) 50%,rgba(255,255,255,.6) calc(50% + 1px),rgba(255,255,255,.6) 100%);height:100%!important;width:100%!important}vbb-variant-selector-reactive li[data-active=true][data-out-of-stock=true] a:after{background-image:linear-gradient(to top left,rgba(255,255,255,0) 0%,rgba(255,255,255,0) calc(50% - 1px),var(--color-border) 50%,rgba(255,255,255,0) calc(50% + 1px),rgba(255,255,255,0) 100%)}.vbb-variant-selector__filters--parent{display:flex;flex-wrap:wrap;align-items:baseline;font-size:var(--font-size-xs-sm);margin-top:var(--spacing-xs)}.vbb-variant-selector__filters--parent h3{font-family:var(--font-gotham);font-style:normal;font-size:1.2rem;font-weight:300;color:var(--color-mid-grey);margin-right:2rem}.vbb-variant-selector__filters--parent span{font-size:2rem;color:#000}.vbb-variant-selector__filters--parent>button{background:none;font-family:var(--font-gotham);text-transform:uppercase;cursor:pointer;color:var(--color-mid-grey);font-weight:500;margin-bottom:.75rem;margin-right:3rem;border:none;border-bottom:2px solid transparent}.vbb-variant-selector__filters .js-variant-filter{margin-right:0!important;background:none;border:none;border-bottom:2px solid transparent;font-family:var(--font-gotham);text-transform:capitalize;color:var(--color-mid-grey);font-weight:300}.vbb-variant-selector__filters--parent button.active,.js-variant-filter.active{border-bottom-color:var(--color-fg);color:#000;font-weight:500;padding-bottom:5px}.vbb-variant-selector__filters--parent button:hover,.js-variant-filter:hover{color:#000;cursor:pointer}.vbb-variant-selector__filter{display:none}@media screen and (min-width: 768px){.vbb-variant-selector__filters--parent>button,.vbb-variant-selector__filters--parent h3{margin-right:1.5rem}}.vbb-variant-selector__item__content-label{position:absolute;top:-.5rem;left:-.5rem;font-size:.9rem;line-height:1.1rem;font-family:var(--font-untitled-sans);padding:0 .4rem;background-color:#000;color:#fff;text-transform:uppercase;white-space:nowrap;z-index:1}
/*# sourceMappingURL=/cdn/shop/t/797/assets/vbb-variant-selector-new.css.map */