.om-color-palette{--om-palette-ink: #37332f;--om-palette-accent: #58252d;color:var(--om-palette-ink);text-align:start}.om-color-palette--desktop.header__dropdown-menu{width:100%;min-width:0;max-width:none;inset-inline:0;inset-block-start:100%;padding:34px var(--container-gutter) 36px;background:#fbf9f5;border:0;border-block:1px solid #ece7df;box-shadow:0 16px 26px #37332f12}.om-color-palette--desktop.header__dropdown-menu:before{display:none}.om-color-palette__inner{display:grid;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:42px;max-width:1280px;margin-inline:auto}.om-color-palette__intro{padding-inline-end:24px}.om-color-palette__eyebrow{margin:0 0 16px;font-size:10px;font-weight:600;letter-spacing:.13em;line-height:1.5;text-transform:uppercase;color:var(--om-palette-accent)}.om-color-palette__heading{margin:0;font-family:var(--heading-font-family);font-weight:400;font-size:30px;line-height:1.15;letter-spacing:-.025em}.om-color-palette__caption{max-width:170px;margin:16px 0 0;font-size:12px;line-height:1.6;color:#746b62}.om-color-palette__grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:22px 12px;margin:0;padding:0}.om-color-palette__grid>li{min-width:0}.om-color-palette .om-color-palette__link{display:flex;flex-direction:column;align-items:center;gap:11px;min-height:93px;padding:8px 2px 5px;color:var(--om-palette-ink);text-align:center;text-decoration:none;border-radius:3px;-webkit-tap-highlight-color:rgb(88 37 45 / 8%)}.om-color-palette__swatch{position:relative;flex:none;display:block;width:40px;height:49px;border-radius:22px 22px 5px 5px;background:var(--om-swatch, #d5c7b7);box-shadow:inset 0 0 0 1px #37332f1f;transition:transform .18s ease}.om-color-palette__swatch:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border:1px solid var(--om-palette-accent);border-radius:28px 28px 9px 9px;opacity:0;transition:opacity .18s ease}.om-color-palette__label{display:block;font-size:12px;line-height:1.45;font-weight:500;text-underline-offset:4px}.om-color-palette__link[aria-current] .om-color-palette__swatch:before{opacity:1}.om-color-palette__link[aria-current] .om-color-palette__label{color:var(--om-palette-accent);text-decoration:underline;font-weight:700}.om-color-palette .om-color-palette__link:focus-visible{outline:2px solid var(--om-palette-accent);outline-offset:3px}@media(hover:hover){.om-color-palette__link:hover .om-color-palette__swatch{transform:translateY(-3px)}.om-color-palette__link:hover .om-color-palette__swatch:before{opacity:.45}.om-color-palette__link:hover .om-color-palette__label{text-decoration:underline}}.om-color-palette [data-color-family=black]{--om-swatch: #262323}.om-color-palette [data-color-family=white]{--om-swatch: #f5f0e6}.om-color-palette [data-color-family=beige]{--om-swatch: #cfb498}.om-color-palette [data-color-family=brown]{--om-swatch: #785241}.om-color-palette [data-color-family=grey]{--om-swatch: #92918f}.om-color-palette [data-color-family=silver]{--om-swatch: linear-gradient(115deg, #8f969b 0%, #ebeeec 44%, #bbc0c3 67%, #e3e5e3 100%)}.om-color-palette [data-color-family=gold]{--om-swatch: linear-gradient(115deg, #a48448 0%, #e6d4a1 44%, #baa064 68%, #d4bd83 100%)}.om-color-palette [data-color-family=blue]{--om-swatch: #537da3}.om-color-palette [data-color-family=navy]{--om-swatch: #263449}.om-color-palette [data-color-family=green]{--om-swatch: #486851}.om-color-palette [data-color-family=pink]{--om-swatch: #d99ba8}.om-color-palette [data-color-family=purple]{--om-swatch: #866587}.om-color-palette [data-color-family=red]{--om-swatch: #9f3642}.om-color-palette [data-color-family=orange]{--om-swatch: #ce8555}.om-color-palette [data-color-family=yellow]{--om-swatch: #e1c66b}.om-color-palette [data-color-family=multicolor]{--om-swatch: linear-gradient(145deg, #734654 0% 22%, #ce9a9e 22% 42%, #d9c3a0 42% 60%, #647b68 60% 80%, #596e8a 80% 100%)}.om-color-palette--sidebar{padding-block:14px 24px}.om-color-palette--sidebar .om-color-palette__inner{display:block}.om-color-palette--sidebar .om-color-palette__intro{padding:0 0 22px}.om-color-palette--sidebar .om-color-palette__eyebrow{display:none}.om-color-palette--sidebar .om-color-palette__heading{font-size:25px}.om-color-palette--sidebar .om-color-palette__caption{max-width:none;margin-block-start:7px;font-size:11px}.om-color-palette--sidebar .om-color-palette__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px 8px}.om-color-palette--sidebar .om-color-palette__link{min-height:86px;gap:10px}.om-color-palette--sidebar .om-color-palette__swatch{width:31px;height:39px}.om-color-palette--sidebar .om-color-palette__label{font-size:11px;line-height:1.4}:lang(ar) .om-color-palette__eyebrow,:lang(ar) .om-color-palette__heading{letter-spacing:normal}:lang(ar) .om-color-palette__label{font-size:13px}:lang(ar) .om-color-palette--sidebar .om-color-palette__label{font-size:12px}@media(min-width:1000px)and (max-width:1199px){.om-color-palette__inner{grid-template-columns:155px minmax(0,1fr);gap:24px}.om-color-palette__intro{padding-inline-end:0}.om-color-palette__heading{font-size:28px}}@media(prefers-reduced-motion:reduce){.om-color-palette__swatch,.om-color-palette__swatch:before{transition:none}}body:has(#sidebar-menu[open] .header-sidebar__sub-panel:not([hidden]) .om-color-palette--sidebar) #chwhatsapp-btn{visibility:hidden;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/165/assets/om-color-palette.css.map */