.single-product form.cart .ottie-uno-options{width:100%;flex:0 0 100%;margin:0 0 24px;clear:both;grid-column:1/-1}
.ottie-uno-options fieldset{border:0;padding:0;margin:0 0 28px;min-width:0}
.ottie-uno-options legend{font:inherit;font-size:16px;font-weight:400;padding:0;margin:0 0 13px;color:#292923}
.ottie-uno-choices{display:flex;flex-wrap:wrap;gap:8px}
.ottie-uno-choice{position:relative;display:flex!important;cursor:pointer;margin:0!important}
.single-product div.product form.cart .ottie-uno-choice input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important}
.ottie-uno-choice>span{display:flex!important;align-items:center;gap:8px;min-height:34px;box-sizing:border-box;padding:6px 14px!important;border:1px solid var(--theme-color-bd_color);border-radius:30px;font-size:14px!important;line-height:20px!important;background:transparent;color:var(--theme-color-title);transition:border-color .15s,box-shadow .15s}
.ottie-uno-choice>span:before,.ottie-uno-choice>span:after{display:none!important}
.ottie-uno-choice input:checked+span{border-color:var(--e-global-color-theme_color_hover,var(--theme-color-hover));background:transparent;box-shadow:inset 0 0 0 1px var(--e-global-color-theme_color_hover,var(--theme-color-hover))}
.ottie-uno-choice input:focus-visible+span{outline:2px solid var(--e-global-color-theme_color_hover,var(--theme-color-hover));outline-offset:3px}
.ottie-uno-swatch{display:block;width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000012}
.ottie-uno-swatch.color-01{background:var(--e-global-color-ottie_jable,#b3a087)}
.ottie-uno-swatch.color-02{background:var(--e-global-color-ottie_tabaiba,#506749)}
.ottie-uno-swatch.color-03{background:var(--e-global-color-ottie_basalto,#343431)}
.ottie-uno-swatch.color-04{background:var(--e-global-color-ottie_almagre,#934c3d)}
.ottie-uno-preview-status{font-size:12px!important;line-height:1.5!important;margin:0!important;color:#777}
.ottie-uno-preview-status:empty{display:none}
/* Base colours are circles. The name shows on hover, on keyboard focus and for a moment after a tap. */
.ottie-uno-colors{display:flex;flex-wrap:wrap;gap:3px;margin-inline:-2px}
.ottie-uno-colors .ottie-uno-choice>span{position:relative;justify-content:center;width:36px;height:36px;min-height:0;padding:0!important;border:0;border-radius:50%;background:none}
.ottie-uno-colors .ottie-uno-choice input:checked+span{background:none;box-shadow:inset 0 0 0 2px var(--e-global-color-theme_color_hover,var(--theme-color-hover))}
.ottie-uno-colors .ottie-uno-swatch{width:30px;height:30px}
.ottie-uno-tip{position:absolute;left:50%;bottom:calc(100% + 2px);z-index:5;transform:translateX(-50%);padding:6px 10px;border:1px solid var(--theme-color-bd_color);border-radius:8px;background:var(--theme-color-bg_color);box-shadow:0 6px 20px color-mix(in srgb,var(--theme-color-title) 20%,transparent);color:var(--theme-color-title);font-size:13px;line-height:1.3;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s}
.ottie-uno-choice input:focus-visible+span .ottie-uno-tip,.ottie-uno-choice.is-tipped .ottie-uno-tip{opacity:1}
@media(hover:hover){.ottie-uno-choice:hover .ottie-uno-tip{opacity:1}.ottie-uno-colors .ottie-uno-choice:hover>span{box-shadow:inset 0 0 0 1px var(--theme-color-bd_color)}.ottie-uno-colors .ottie-uno-choice:hover input:checked+span{box-shadow:inset 0 0 0 2px var(--e-global-color-theme_color_hover,var(--theme-color-hover))}}