@media(max-width:640px){.bison-offer__variant-field,.bnl-live-offer__variant-field{min-width:0}.bison-color-select,.bnl-live-color-select{position:relative}.bison-color-select[open],.bnl-live-color-select[open]{z-index:30}.bison-color-select__menu,.bnl-live-color-select__menu{position:relative!important;inset:auto!important;width:100%!important;min-width:0!important;max-width:none!important;display:flex!important;gap:10px!important;margin-top:10px!important;padding:10px!important;overflow-x:auto!important;overflow-y:hidden!important;border:1px solid #d7d2cc!important;border-radius:7px!important;background:#fff!important;box-shadow:none!important;scroll-snap-type:x mandatory!important;scroll-padding-inline:12%!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-x:contain!important;scrollbar-width:none}.bison-color-select:not([open]) .bison-color-select__menu,.bnl-live-color-select:not([open]) .bnl-live-color-select__menu{display:none!important}.bison-color-select__menu::-webkit-scrollbar,.bnl-live-color-select__menu::-webkit-scrollbar{display:none}.bison-color-select__menu button,.bnl-live-color-select__menu button{flex:0 0 76%!important;min-width:0!important;min-height:260px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:space-between!important;gap:10px!important;padding:12px!important;border:1px solid #ded8d0!important;border-radius:7px!important;background:#f7f5f2!important;color:#1b1b1b!important;text-align:center!important;scroll-snap-align:center!important;scroll-snap-stop:always!important}.bison-color-select__menu button[aria-pressed=true],.bnl-live-color-select__menu button[aria-pressed=true]{border:2px solid #a9470d!important;background:#fff8f3!important}.bison-color-select__menu .bison-color-select__thumb,.bnl-live-color-select__menu .bnl-live-color-select__thumb{width:100%!important;height:205px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;border-radius:5px!important;background:#111!important}.bison-color-select__menu .bison-color-select__thumb img,.bnl-live-color-select__menu .bnl-live-color-select__thumb img{width:100%!important;height:100%!important;object-fit:contain!important}.bison-color-select__menu button>span:last-child,.bnl-live-color-select__menu button>span:last-child{display:block!important;padding:2px 4px!important;color:#1b1b1b!important;font-size:16px!important;font-weight:800!important;line-height:1.2!important;white-space:nowrap!important}.bison-color-select summary,.bnl-live-color-select summary{min-height:64px!important}.bison-offer__variants,.bnl-live-offer__variants{overflow:visible!important}}@media(max-width:640px){.bison-offer__variants,.bnl-live-offer__variants{position:relative!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(0,1fr))!important;gap:10px!important;align-items:start!important}.bison-offer__variant-row,.bnl-live-offer__variant-row{min-width:0!important;display:grid!important;grid-template-columns:1fr!important;gap:6px!important;align-items:start!important}.bison-offer__variant-label,.bnl-live-offer__variant-label{min-width:0!important;font-size:12px!important;line-height:1.2!important;white-space:nowrap!important}.bison-color-select,.bnl-live-color-select{position:static!important}.bison-color-select summary,.bnl-live-color-select summary{width:100%!important;min-width:0!important;min-height:58px!important;grid-template-columns:44px minmax(0,1fr) 18px!important;gap:7px!important;padding:5px 8px!important}.bison-color-select summary .bison-color-select__label,.bnl-live-color-select summary .bnl-live-color-select__label{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:14px!important}.bison-offer__variants:has(.bison-color-select[open]),.bnl-live-offer__variants:has(.bnl-live-color-select[open]){padding-bottom:292px!important}.bison-color-select__menu,.bnl-live-color-select__menu{position:absolute!important;z-index:60!important;top:calc(100% - 282px)!important;left:0!important;right:auto!important;width:100%!important;margin-top:0!important}}@media(max-width:640px){.bison-color-select__menu,.bnl-live-color-select__menu{width:calc(100vw - 24px)!important;max-width:none!important;left:50%!important;right:auto!important;transform:translate(-50%)!important}}@media(max-width:640px){.bison-color-select__menu,.bnl-live-color-select__menu{position:fixed!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;width:calc(100vw - 24px)!important;max-width:520px!important;margin:0!important;transform:translate(-50%,-50%)!important;z-index:9999!important}}@media(min-width:641px){.bison-offer__variants,.bnl-live-offer__variants{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(0,1fr))!important;gap:10px!important;align-items:start!important}.bison-offer__variant-row,.bnl-live-offer__variant-row{min-width:0!important;display:grid!important;grid-template-columns:1fr!important;gap:6px!important}.bison-offer__variant-field,.bnl-live-offer__variant-field,.bison-color-select,.bnl-live-color-select{min-width:0!important;width:100%!important}.bison-color-select summary,.bnl-live-color-select summary{width:100%!important;min-width:0!important}}@media(min-width:641px){.bison-color-select summary,.bnl-live-color-select summary{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) 18px!important;gap:6px!important;align-items:center!important;min-height:58px!important;padding:5px 10px!important;overflow:hidden!important}.bison-color-select summary .bison-color-select__label,.bnl-live-color-select summary .bnl-live-color-select__label{display:none!important}.bison-color-select summary .bison-color-select__thumb,.bnl-live-color-select summary .bnl-live-color-select__thumb{width:44px!important;height:44px!important;justify-self:start!important;border-radius:4px!important}.bison-color-select summary svg,.bnl-live-color-select summary svg{width:16px!important;height:10px!important;justify-self:end!important;margin:0!important;transform:none!important}.bison-color-select__menu,.bnl-live-color-select__menu{width:max-content!important;min-width:165px!important;max-width:230px!important}.bison-color-select__menu button,.bnl-live-color-select__menu button{grid-template-columns:44px minmax(86px,1fr)!important;gap:10px!important;min-width:165px!important;padding-right:12px!important;white-space:nowrap!important}.bison-color-select__menu button>span:last-child,.bnl-live-color-select__menu button>span:last-child{display:block!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important}}@media(min-width:641px){.bison-color-select summary,.bnl-live-color-select summary{grid-template-columns:44px 18px!important;justify-content:space-between!important;column-gap:10px!important;padding:5px 8px!important}.bison-color-select summary .bison-color-select__thumb,.bnl-live-color-select summary .bnl-live-color-select__thumb{width:40px!important;height:40px!important;max-width:40px!important;flex:0 0 40px!important}.bison-color-select summary svg,.bnl-live-color-select summary svg{width:14px!important;height:9px!important;min-width:14px!important;margin-left:auto!important}}@media(min-width:641px){.bison-color-select summary,.bnl-live-color-select summary{overflow:visible!important;grid-template-columns:minmax(0,1fr) 16px!important;padding-right:10px!important}.bison-color-select summary .bison-color-select__thumb,.bnl-live-color-select summary .bnl-live-color-select__thumb{width:40px!important;height:40px!important;max-width:40px!important}.bison-color-select summary svg,.bnl-live-color-select summary svg{width:12px!important;height:8px!important;min-width:12px!important;justify-self:end!important;margin:0!important;overflow:visible!important}}@media(min-width:641px){.bison-shared-color-preview{position:fixed;z-index:10000;width:220px;height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;border:2px solid #fff;border-radius:8px;background:#111;box-shadow:0 16px 36px #00000059;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(4px);transition:opacity .12s ease,transform .12s ease,visibility .12s ease}.bison-shared-color-preview.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.bison-shared-color-preview img{width:100%;height:200px;object-fit:contain}.bison-shared-color-preview span{margin-top:8px;color:#fff;font-size:14px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}}@media(min-width:641px){.bison-color-select summary,.bnl-live-color-select summary{grid-template-columns:minmax(0,1fr) 22px!important;padding-right:7px!important}.bison-color-select summary svg,.bnl-live-color-select summary svg{width:12px!important;height:8px!important;min-width:12px!important;justify-self:center!important;align-self:center!important;margin:0!important}}@media(min-width:641px){.bison-color-select summary,.bnl-live-color-select summary{grid-template-columns:minmax(0,1fr) 14px!important;padding-right:2px!important}.bison-color-select summary svg,.bnl-live-color-select summary svg{justify-self:end!important;align-self:center!important;transform:translate(2px)!important}}@media(min-width:641px){.bison-color-select summary,.bnl-live-color-select summary{grid-template-columns:minmax(0,1fr) 16px!important;padding-right:5px!important}.bison-color-select summary svg,.bnl-live-color-select summary svg{justify-self:center!important;align-self:center!important;transform:translate(1px)!important}}@media(max-width:640px){.bison-color-select__menu .bison-color-select__thumb,.bnl-live-color-select__menu .bnl-live-color-select__thumb{height:220px!important;padding:14px!important;box-sizing:border-box!important;background:#f5f3ef!important}.bison-color-select__menu .bison-color-select__thumb img,.bnl-live-color-select__menu .bnl-live-color-select__thumb img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;transform:scale(.78)!important;transform-origin:center!important}}@media(min-width:641px){.bison-color-select__menu .bison-color-select__thumb,.bnl-live-color-select__menu .bnl-live-color-select__thumb{display:block!important;width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;overflow:hidden!important;border-radius:4px!important}.bison-color-select__menu .bison-color-select__thumb img,.bnl-live-color-select__menu .bnl-live-color-select__thumb img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important}.bison-color-select__menu button,.bnl-live-color-select__menu button{grid-template-columns:44px minmax(86px,1fr)!important;column-gap:12px!important}}
/*# sourceMappingURL=/cdn/shop/t/229/assets/bison-shared-offer-color-picker.css.map */