.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}
.checkbox{align-items:center;cursor:pointer;display:flex;gap:.8rem}.checkbox__box{border:.1rem solid var(--color-text);border-radius:.4rem;display:block;flex-shrink:0;height:2.4rem;position:relative;width:2.4rem}.checkbox input[type=checkbox],.checkbox input[type=radio]{display:none}.checkbox input[type=checkbox]:checked~.checkbox__box:after,.checkbox input[type=radio]:checked~.checkbox__box:after{content:"";display:block}.checkbox input[type=checkbox]:disabled~.checkbox__box,.checkbox input[type=checkbox]:disabled~.checkbox__label,.checkbox input[type=radio]:disabled~.checkbox__box,.checkbox input[type=radio]:disabled~.checkbox__label{cursor:not-allowed;opacity:.25}.checkbox input[type=checkbox]:checked~.checkbox__box{background-color:var(--color-text)}.checkbox input[type=checkbox]:checked~.checkbox__box:after{border-bottom:3px solid var(--color-background);border-left:3px solid var(--color-background);height:.8rem;transform:translate(5px,5px) rotate(-45deg);width:1.2rem}.checkbox input[type=radio]:checked~.checkbox__box:after{background-color:var(--color-text);border-radius:50%;height:1.2rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1.2rem}.checkbox input[type=radio]~.checkbox__box{border-radius:50%}.checkbox.switch .checkbox__label{display:none}.checkbox.switch .checkbox__box{border:1.5px solid #000;border-radius:initial!important;height:22px;position:relative;width:44px}.checkbox.switch .checkbox__box-inner{border:1.5px solid #000;height:22px;left:-1.5px;position:absolute;top:-1.5px;transition:all .3s;width:22px}.checkbox.switch .checkbox__box-inner:after{transform:translateY(-50%) rotate(-45deg)}.checkbox.switch .checkbox__box-inner:after,.checkbox.switch .checkbox__box-inner:before{background-color:#000;content:"";display:block;height:2px;left:0;position:absolute;top:50%;transition:all .3s;width:100%}.checkbox.switch .checkbox__box-inner:before{transform:translateY(-50%) rotate(45deg)}.checkbox.switch input:checked~.checkbox__box{background-color:#dcffdc;border:1.5px solid #47a547}.checkbox.switch input:checked~.checkbox__box .checkbox__box-inner{border:1.5px solid #47a547;transform:translate(100%)}.checkbox.switch input:checked~.checkbox__box .checkbox__box-inner:after{background-color:#47a547;height:.1rem;left:25%;transform:translateY(-50%) rotate(-50deg);width:75%}.checkbox.switch input:checked~.checkbox__box .checkbox__box-inner:before{background-color:#47a547;height:.1rem;left:5%;top:60%;transform:rotate(65deg);width:45%}.checkbox.input-error .checkbox__box{border:.1rem solid rgba(236,92,61,.502)}.checkbox.input-error input[type=radio]:checked~.checkbox__box:after{background-color:#ff4f2d}.checkbox.input-error input[type=checkbox]:checked~.checkbox__box:after{border-bottom:.1rem solid rgba(236,92,61,.502);border-left:.1rem solid rgba(236,92,61,.502)}.checkbox.input-error .checkbox__label{color:rgba(255,79,45,.502)}