sb-color-picker{display:block;width:100%;min-width:0;margin-bottom:20px}.sb-color-picker__label{display:block;margin:0 0 8px;font:inherit;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.sb-color-picker__trigger{display:none}.sb-color-picker__native{width:100%;min-height:48px}sb-color-picker:defined .sb-color-picker__native{display:none}sb-color-picker:defined .sb-color-picker__trigger{display:flex;width:100%;min-height:52px;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border:1px solid #d9d8d5;border-radius:2px;background:#fff;color:#222;font:inherit;font-size:15px;text-align:left;cursor:pointer}.sb-color-picker__trigger:hover{border-color:#8c8a85}.sb-color-picker__trigger:focus-visible,.sb-color-picker__close:focus-visible,.sb-color-picker__option:focus-visible{outline:2px solid #333;outline-offset:3px}.sb-color-picker__dialog{position:fixed;inset:auto;margin:0;padding:0;width:var(--color-width,360px);max-width:calc(100vw - 24px);max-height:var(--color-height,65vh);border:1px solid #d9d8d5;border-radius:3px;background:#fff;color:#222;overflow:hidden;box-shadow:none}.sb-color-picker__dialog[open]{display:flex;flex-direction:column;animation:sb-color-fade .14s ease-out}.sb-color-picker__dialog::backdrop{background:transparent}.sb-color-picker__head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;padding:18px 16px 14px;border-bottom:1px solid #eeedea;touch-action:pan-x}.sb-color-picker__head h2{margin:0;font:inherit;font-size:18px;font-weight:500;letter-spacing:0;line-height:1.4}.sb-color-picker__head p{margin:4px 0 0;font-size:12px;color:#666;line-height:1.4}.sb-color-picker__close{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;background:transparent;border:0;color:inherit;cursor:pointer}.sb-color-picker__list{overflow:auto;overscroll-behavior:contain;min-height:0;padding:6px 8px;scroll-padding:8px}.sb-color-picker__option{width:100%;display:flex;gap:14px;align-items:center;min-height:76px;padding:8px;background:#fff;border:0;border-radius:2px;font:inherit;font-size:14px;text-align:left;color:inherit;cursor:pointer}.sb-color-picker__option:hover,.sb-color-picker__option[aria-selected=true]{background:#f5f4f1}.sb-color-picker__option[aria-disabled=true]{color:#777;cursor:default}.sb-color-picker__thumbnail{display:flex;align-items:center;justify-content:center;flex:none;width:48px;height:60px;background:#f7f7f5;overflow:hidden;border-radius:1px}.sb-color-picker__thumbnail img{width:48px;height:60px;object-fit:contain}.sb-color-picker__name{flex:1;min-width:0;overflow-wrap:anywhere}.sb-color-picker__name small{display:block;margin-top:3px;font-size:11px;font-weight:400;color:#777}.sb-color-picker__check{flex:none;visibility:hidden;margin-right:5px}.sb-color-picker__option[aria-selected=true] .sb-color-picker__check{visibility:visible}.sb-color-picker__handle{display:none}.sb-color-picker__notice{margin:8px 0 0;font-size:12px;line-height:1.5;color:#666}html.sb-color-open{overflow:hidden}@keyframes sb-color-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes sb-color-rise{0%{transform:translateY(100%)}to{transform:none}}@media(max-width:749px){.sb-color-picker__dialog{inset:auto 0 0!important;width:100%;max-width:100%;max-height:82vh;max-height:82dvh;border:0;border-radius:12px 12px 0 0;padding-bottom:env(safe-area-inset-bottom,0px)}.sb-color-picker__dialog[open]{animation:sb-color-rise .22s cubic-bezier(.2,.7,.2,1)}.sb-color-picker__dialog::backdrop{background:#00000047}.sb-color-picker__head{padding:24px 20px 14px}.sb-color-picker__handle{display:block;position:absolute;width:32px;height:3px;border-radius:3px;background:#d4d2ce;left:calc(50% - 16px);top:8px}.sb-color-picker__list{padding:8px 12px 12px}.sb-color-picker__option{min-height:80px;gap:16px}}@media(prefers-reduced-motion:reduce){.sb-color-picker__dialog[open]{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/color-picker.css.map */