[data-og-color-option]{gap:12px!important}.talamora-compass{display:block;width:1.25em;height:1.25em;flex:0 0 auto;color:inherit}.header-logo{align-items:center;gap:0;max-width:none;white-space:nowrap;border:2px solid currentColor;background:transparent;height:fit-content;padding:0}.header-logo__image-container{padding:.2em .3em}.header-logo{width:max-content!important;justify-self:center;flex:0 0 auto}.header-logo>.talamora-compass{box-sizing:content-box;width:1.1em;height:1.1em;padding:.15em;border-left:2px solid currentColor;background:red;align-self:stretch}.og-wordmark{display:flex;align-items:center;justify-content:center;gap:0}.og-wordmark>span{border:.025em solid currentColor;border-right:0;padding:.1em .2em;background:transparent;line-height:1.15}.og-wordmark .talamora-compass{box-sizing:content-box;width:1.05em;height:1.05em;padding:.15em;border:.025em solid currentColor;background:red}@media(max-width:749px){.header-logo{max-width:none;gap:0}}[data-og-color-option] .variant-option__button-label{width:38px!important;height:38px!important;min-width:38px!important;padding:3px!important;border-radius:50%!important;border:1px solid #b9bcb3!important;overflow:visible}[data-og-color-option] .variant-option__button-label:has(input:checked){outline:2px solid #233d2d;outline-offset:3px}[data-og-color-option] .swatch,.og-color-dot{display:block;width:30px!important;height:30px!important;border-radius:50%!important;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px #00000012}[data-og-color-option] .variant-option__strikethrough{border-radius:50%}olegant-colors{display:flex;flex-direction:column;width:100%;min-width:0;margin-top:0;grid-column:1 / -1}.og-colors-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px}.og-colors-heading button{background:transparent;color:inherit;border:1px solid #c7ccbf;border-radius:50%;width:36px;height:36px;cursor:pointer;margin-left:6px}.og-colors-track{display:flex;position:relative;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:4px 3px 10px}.og-color-photo{flex:0 0 96px;background:transparent;color:inherit;padding:0;border:0;cursor:pointer;scroll-snap-align:start;font:inherit;font-size:11px;line-height:1.4}.og-color-photo img,.og-color-placeholder{display:block;width:96px;height:110px;object-fit:contain;background:#f2f1e9;border:1px solid transparent;margin-bottom:8px}.og-color-photo[aria-pressed=true] img,.og-color-photo[aria-pressed=true] .og-color-placeholder{outline:2px solid #233d2d;outline-offset:1px}.og-color-photo:hover img{border-color:#233d2d}.og-color-photo:focus-visible,.og-colors-heading button:focus-visible{outline:2px solid #233d2d;outline-offset:3px}@media(max-width:749px){olegant-colors{padding-inline:16px}.og-color-photo{flex-basis:80px}.og-color-photo img,.og-color-placeholder{width:80px;height:94px}}@media(min-width:750px){#ResultsList .product-grid--grid:not([product-grid-view=zoom-out]){--product-grid-columns-desktop: repeat(4, minmax(0, 1fr));grid-template-columns:repeat(4,minmax(0,1fr))}}.variant-picker .variant-option--buttons:not([data-og-color-option]):not(.variant-option--swatches){display:flex!important;flex-wrap:nowrap!important;gap:6px!important}.variant-picker .variant-option--buttons:not([data-og-color-option]):not(.variant-option--swatches) .variant-option__button-label{flex:0 1 46px!important;width:46px!important;min-width:0!important;height:36px!important;min-height:36px!important;padding:0 7px!important;font-size:12px}.og-colors-track{order:-1;padding-top:3px;padding-bottom:3px}.og-colors-heading{margin:5px 0 0}.og-color-photo img,.og-color-placeholder{height:86px;margin-bottom:4px}media-gallery:has(olegant-colors){--og-photo-height: min(540px, calc(100svh - 290px) )}media-gallery:has(olegant-colors)>.media-gallery__grid .product-media-container,media-gallery:has(olegant-colors) slideshow-slide.product-media-container{height:var(--og-photo-height)!important;max-height:var(--og-photo-height)!important;min-height:0!important}media-gallery:has(olegant-colors) .product-media-container .product-media{height:100%}@media(max-width:749px){media-gallery:has(olegant-colors){--og-photo-height: min(360px, calc(100svh - 285px) )}.og-color-photo img,.og-color-placeholder{height:78px}olegant-colors{padding-inline:3px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/olegant-colors.css.map */