.swatches{display:flex;flex-wrap:wrap;gap:1.6rem}.swatches__swatch{cursor:pointer;height:4rem;position:relative;width:4rem;z-index:0}.swatches__swatch input{display:none}.swatches__swatch-outer{border:.1rem solid transparent;border-radius:var(--border-radius-swatch);flex-shrink:0;height:4rem;overflow:hidden;position:relative;width:4rem}.swatches__swatch-outer.disabled .swatches__swatch-inner{opacity:.5}.swatches__swatch-outer.disabled:after{background-color:transparent;border-top:1px solid var(--color-system-text);bottom:0;content:"";height:1px;left:0;margin:auto;padding-top:1px;position:absolute;right:0;top:0;transform:rotate(135deg);width:calc(100% - 2px)}.swatches__swatch-inner{align-items:center;border:.1rem solid transparent;border-radius:var(--border-radius-swatch);display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;transition:all var(--transition);width:100%}.annabelle-cosmetic .swatches__swatch-inner{border:.1rem solid var(--grey)}.swatches__swatch-inner img,.swatches__swatch-inner--hex{border-radius:var(--border-radius-swatch);height:100%;left:50%;-o-object-fit:cover;object-fit:cover;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:-1}.swatches__swatch-inner--hex{height:4rem;width:4rem}.swatches__swatch-outer.disabled:hover:after,input:checked+.swatches__swatch-outer.disabled:after{width:100%}.swatches__swatch:hover :not(:checked)+.swatches__swatch-inner,.swatches__swatch:hover :not(:checked)+.swatches__swatch-outer,input:checked+.swatches__swatch-inner,input:checked+.swatches__swatch-outer{border:.1rem solid var(--swatch-border,var(--color-text));border-radius:var(--border-radius-swatch);text-decoration:underline}input:checked+.swatches__swatch-inner{box-shadow:0 0 0 .1rem var(--color-background) inset}.swatches__swatch-new-icon{left:0;position:absolute;top:0;z-index:2}.swatches__swatch-new-icon svg{height:1.6rem;width:1.6rem}.list-view .swatches__swatch-new-icon{left:1.6rem;top:.4rem}.swatches__swatch-badge{align-items:center;background-color:var(--dark-navy);border-radius:99px;bottom:0;color:var(--system-white);display:none;font-size:1rem;font-weight:200;left:50%;letter-spacing:.1rem;line-height:1;padding:4px 5px;position:absolute;transform:translateX(-50%) translateY(50%);z-index:2}.list-view .swatches__swatch-badge{display:flex;left:unset;right:0;top:50%;transform:translateY(-50%)}.swatches__swatch:hover .swatches__swatch-badge{display:flex}.product-form{display:block}.product-form__content,.product-form__options{display:flex;flex-direction:column;gap:1.6rem}.product-form__option select option.disabled{color:rgb(var(--color-text-rgb)/30%)}.product-form__option-label{font-size:1.4rem;font-weight:600}.product-form__selected-option{font-weight:400}.product-form__main-actions{display:flex;gap:1.6rem}.product-form .quantity{flex-shrink:0}.product-form__submit{width:100%}.product-form .shopify-payment-button__button--hidden{display:none}@media(min-width:75em){.product-form .swatches__swatch{position:relative}.product-form .swatches:not(.list-view) .swatches__swatch:hover:after{background-color:rgba(0,0,0,.7);border-radius:3px;color:#fff;content:attr(data-shade-name);font-size:12px;left:0;padding:5px;position:absolute;top:-.5rem;transform:translateY(-100%);white-space:nowrap;z-index:10}}.product-form__selling-plans{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-field);display:none}.product-form__selling-plans:has(.product-form__selling-plan-variant:not(.hide)){display:block}.product-form__selling-plan{padding:.8rem 1.6rem}.product-form__selling-plan:not(:last-child){border-bottom:1px solid var(--color-border)}.product-form__selling-plan .checkbox__label{flex:1;font-weight:700}.product-form__selling-plan-select{margin-left:3.2rem;margin-top:1.6rem;max-width:30rem;width:-webkit-fill-available;width:-moz-available;width:fill-available}
.product-card-form{flex-grow:1}.product-card-form form{display:flex;flex-direction:column;gap:.4rem;height:100%;justify-content:flex-end}.sales-groupe-marcelle .product-card-form form{gap:.6rem}.product-card-form__atc-wrapper{font-size:1.2rem;white-space:nowrap}@media(min-width:75em){.product-card-form__atc-wrapper{bottom:-1.8rem;font-size:1.6rem;opacity:0;position:absolute;right:.8rem}.cw-beggs .product-card-form__atc-wrapper .button__text{font-weight:500}}@media(max-width:47.99em){.sales-groupe-marcelle .product-card-form__atc-wrapper .button__text{font-size:1.2rem}}.product-card-form .swatches{gap:0;position:relative}.product-card-form .swatches .responsive-image__wrapper{height:3rem;width:3rem}.product-card-form .swatches__swatch{align-items:center;display:flex;height:2rem;justify-content:center;width:2rem}@media(min-width:75em){.product-card-form .swatches__swatch{height:3rem;width:3rem}}.product-card-form .swatches__swatch-count{color:var(--color-product-card-text);font-size:1.4rem}@media(min-width:75em){.product-card-form .swatches:not(.list-view) .swatches__swatch:hover:after{background-color:rgba(0,0,0,.7);border-radius:3px;color:#fff;content:attr(data-shade-name);font-size:12px;left:0;padding:5px;position:absolute;top:-.5rem;transform:translateY(-100%);white-space:nowrap;z-index:10000}.product-card-form .swatches__swatch:has(.swatches__swatch-count):hover:after{display:none}}