eonkin-color-preview.ek-compact-color{display:block;width:100%;min-width:0}.ek-compact-color>label{display:block;margin:0 0 7px}.ek-compact-color__row{display:grid;grid-template-columns:minmax(0,1fr) 60px;align-items:center;gap:10px}.ek-compact-color .variant-option__select-wrapper{margin:0;min-width:0;height:60px}.ek-compact-color .variant-option__select{height:100%;min-width:0;font-family:inherit;font-size:16px;line-height:1.3;padding:12px 34px 12px 14px}.ek-compact-color__zoom{position:relative;display:block;width:60px;height:60px;padding:0;border:1px solid var(--color-variant-border, #d2c9bb);border-radius:0;background:var(--color-background, #faf8f3);color:var(--color-foreground, #403b35);cursor:zoom-in;overflow:visible}.ek-compact-color__thumb{display:block;width:100%;height:100%;object-fit:contain}.ek-compact-color__zoom-icon{position:absolute;right:-3px;bottom:-3px;display:grid;place-items:center;width:23px;height:23px;border:1px solid #d2c9bb;border-radius:50%;background:#faf8f3;color:#403b35;pointer-events:none}.ek-compact-color__zoom-icon svg{width:14px;height:14px}.ek-compact-color__description{margin:8px 0 0;font-size:14px;line-height:1.4;color:var(--color-foreground, #403b35);opacity:.84}.ek-compact-color__zoom:focus-visible,.ek-color-dialog__close:focus-visible{outline:2px solid currentColor;outline-offset:3px}.ek-color-dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:min(720px,calc(100vw - 28px));max-width:none;max-height:calc(100svh - 28px);margin:auto;padding:12px;border:1px solid #d2c9bb;border-radius:4px;background:#faf8f3;color:#403b35;overflow:auto;overscroll-behavior:contain}.ek-color-dialog:not([open]){display:none}.ek-color-dialog::backdrop{background:#161411a8}.ek-color-dialog__heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:8px}.ek-color-dialog__heading h2{margin:0;font-family:inherit;font-size:18px;line-height:1.4}.ek-color-dialog__close{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:10px;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}.ek-color-dialog__close svg{width:24px;height:24px}.ek-color-dialog__image{display:block;width:100%;height:auto;max-height:calc(100svh - 170px);object-fit:contain}.ek-color-dialog__description{margin:10px 2px 2px;font-size:14px;line-height:1.4}html:has(.ek-color-dialog[open]){overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/24/assets/eonkin-compact-color.css.map */