.dyefor-device-picker{--device-ink: #3d3530;--device-panel: #e4e3e0;--device-paper: #f9f8f4;--device-pink: #f47fb1;color:var(--device-ink);margin:0 0 1.8rem;position:relative;width:100%;z-index:4}.dyefor-device-picker__summary{align-items:stretch;-webkit-appearance:none;appearance:none;background:#fff;border:1.5px solid var(--device-ink);border-radius:24px;color:inherit;cursor:pointer;display:grid;font:inherit;grid-template-columns:minmax(7.5rem,auto) minmax(0,1fr) 4.8rem;min-height:5.8rem;padding:0;text-align:left;width:100%}.dyefor-device-picker__brand,.dyefor-device-picker__model,.dyefor-device-picker__toggle{align-items:center;display:flex}.dyefor-device-picker__brand{border-right:1px solid rgba(61,53,48,.18);font-size:1.5rem;font-weight:700;justify-content:center;padding:0 1.8rem;white-space:nowrap}.dyefor-device-picker__model{font-size:1.6rem;font-weight:700;justify-content:center;min-width:0;overflow:hidden;padding:0 1.4rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}.dyefor-device-picker__toggle{justify-content:center}.dyefor-device-picker__chevron{border-bottom:2px solid currentColor;border-right:2px solid currentColor;display:block;height:.9rem;margin-top:-.5rem;transform:rotate(45deg);transition:transform .18s ease,margin .18s ease;width:.9rem}.dyefor-device-picker.is-open .dyefor-device-picker__chevron{margin-top:.4rem;transform:rotate(225deg)}.dyefor-device-picker__summary:focus-visible,.dyefor-device-picker__brand-button:focus-visible,.dyefor-device-picker__model-button:focus-visible{outline:3px solid var(--device-pink);outline-offset:2px}.dyefor-device-picker__panel{background:var(--device-panel);border:1px solid rgba(61,53,48,.12);border-radius:24px;box-shadow:0 16px 36px #3d353024;margin-top:.8rem;overflow:hidden;padding:1.6rem}.dyefor-device-picker__panel[hidden]{display:none}.dyefor-device-picker__brands{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-bottom:1.2rem}.dyefor-device-picker__brands:empty{display:none}.dyefor-device-picker__brand-button,.dyefor-device-picker__model-button{-webkit-appearance:none;appearance:none;border:1px solid rgba(61,53,48,.16);color:var(--device-ink);cursor:pointer;font:inherit}.dyefor-device-picker__brand-button{background:var(--device-paper);border-radius:999px;font-size:1.4rem;font-weight:700;min-height:4.2rem;min-width:10rem;padding:.8rem 1.8rem}.dyefor-device-picker__brand-button[aria-pressed=true]{background:var(--device-ink);border-color:var(--device-ink);color:#fff}.dyefor-device-picker__models{display:grid;gap:.8rem;grid-template-columns:repeat(2,minmax(0,1fr));max-height:min(42rem,58vh);overflow-y:auto;padding:.2rem;scrollbar-color:rgba(61,53,48,.42) transparent;scrollbar-width:thin}.dyefor-device-picker__model-button{background:#fff;border-radius:16px;font-size:1.45rem;font-weight:600;min-height:5.2rem;padding:1rem 1.4rem;text-align:center}.dyefor-device-picker__model-button:hover{border-color:var(--device-ink)}.dyefor-device-picker__model-button[aria-selected=true]{background:#fff2f7;border:2px solid var(--device-ink);box-shadow:inset 5px 0 0 var(--device-pink)}.dyefor-device-picker__model-button:disabled{cursor:not-allowed;opacity:.45}.dyefor-device-picker-source-hidden{display:none!important}@media screen and (max-width:749px){.dyefor-device-picker{margin-bottom:1.4rem}.dyefor-device-picker__summary{grid-template-columns:minmax(7rem,auto) minmax(0,1fr) 4.2rem;min-height:5.4rem}.dyefor-device-picker__brand{font-size:1.4rem;padding:0 1.3rem}.dyefor-device-picker__model{font-size:1.5rem;padding:0 .8rem}.dyefor-device-picker__panel{padding:1.2rem}.dyefor-device-picker__models{grid-template-columns:1fr;max-height:min(38rem,55vh)}.dyefor-device-picker__model-button{min-height:5rem}}@media(prefers-reduced-motion:reduce){.dyefor-device-picker__chevron{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/587/assets/dyefor-device-picker.css.map */