.product-page--modern-options{--dyefor-option-ink: #3d3530;--dyefor-option-muted: #746b65;--dyefor-option-line: rgba(61, 53, 48, .2);--dyefor-option-paper: #f9f8f4;--dyefor-option-pink: #f47fb1;--dyefor-option-coral: #ff5a5f}.product-page--modern-options variant-radios,.product-page--modern-options variant-selects{color:var(--dyefor-option-ink);margin-bottom:1.8rem}.product-page--modern-options .product-form__input{min-width:0}.product-page--modern-options .product-form__input .form__label,.product-page--modern-options .select-case-header{color:var(--dyefor-option-ink);display:block;font-size:1.3rem;font-weight:700;letter-spacing:0;line-height:1.3;margin:0 0 .7rem}.product-page--modern-options .selected-case-name{color:var(--dyefor-option-muted);font-weight:600}.product-page--modern-options .product-form__input--dropdown:not(.image-selects) .select{align-items:center;background:#fff;border:1.5px solid var(--dyefor-option-ink);border-radius:18px;box-shadow:0 7px 20px #3d35300f;min-height:5.4rem;overflow:hidden;transition:border-color .16s ease,box-shadow .16s ease}.product-page--modern-options .product-form__input--dropdown:not(.image-selects) .select:before,.product-page--modern-options .product-form__input--dropdown:not(.image-selects) .select:after{content:none}.product-page--modern-options .product-form__input--dropdown:not(.image-selects) .select:hover{border-color:var(--dyefor-option-coral);box-shadow:0 9px 24px #3d35301a}.product-page--modern-options .product-form__input--dropdown:not(.image-selects) .select:focus-within{border-color:var(--dyefor-option-ink);box-shadow:0 0 0 3px #f47fb152}.product-page--modern-options .product-form__input--dropdown:not(.image-selects) .select__select{background:transparent;border:0;box-shadow:none;color:var(--dyefor-option-ink);font-size:1.55rem;font-weight:650;height:5.4rem;letter-spacing:0;margin:0;padding:0 4.8rem 0 1.7rem}.product-page--modern-options .product-form__input--dropdown:not(.image-selects) .select__select:focus,.product-page--modern-options .product-form__input--dropdown:not(.image-selects) .select__select:focus-visible{box-shadow:none;outline:0}.product-page--modern-options .product-form__input--dropdown:not(.image-selects) .select .icon-caret{color:var(--dyefor-option-ink);height:.9rem;right:1.8rem;width:1.5rem}.product-page--modern-options fieldset.product-form__input{display:flex;flex-wrap:wrap;gap:.8rem}.product-page--modern-options fieldset.product-form__input .form__label{flex-basis:100%}.product-page--modern-options .product-form__input input[type=radio]+label{align-items:center;background:#fff;border:1.5px solid var(--dyefor-option-line);border-radius:14px;color:var(--dyefor-option-ink);display:inline-flex;font-size:1.4rem;font-weight:650;justify-content:center;letter-spacing:0;line-height:1.2;margin:0;min-height:4.6rem;padding:1rem 1.6rem;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.product-page--modern-options .product-form__input input[type=radio]+label:before{content:none}.product-page--modern-options .product-form__input input[type=radio]+label:hover{border-color:var(--dyefor-option-ink)}.product-page--modern-options .product-form__input input[type=radio]:checked+label{background:var(--dyefor-option-ink);border-color:var(--dyefor-option-ink);color:#fff;box-shadow:inset 0 -3px 0 var(--dyefor-option-pink)}.product-page--modern-options .product-form__input input[type=radio]:focus-visible+label{box-shadow:0 0 0 3px #f47fb161}.product-page--modern-options .product-form__input.image-selects .select.imagebuttons{display:block;width:100%}.product-page--modern-options dyefor-swatch-image-select .cstImageBtnSelector{background-image:none!important;display:grid!important;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr))}.product-page--modern-options dyefor-swatch-image-select .cstImageBtnSelector .case_btn_ext{flex:none!important;min-width:0;padding:0!important}.product-page--modern-options dyefor-swatch-image-select .cstImageBtnSelector .case_btn{background-color:#fff;border:1.5px solid var(--dyefor-option-line)!important;border-radius:16px!important;box-shadow:0 6px 18px #3d35300f;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.product-page--modern-options dyefor-swatch-image-select .cstImageBtnSelector .case_btn_ext:hover .case_btn{border-color:var(--dyefor-option-ink)!important;transform:translateY(-1px)}.product-page--modern-options dyefor-swatch-image-select .cstImageBtnSelector .cst-btn-selected .case_btn{border:2px solid var(--dyefor-option-ink)!important;box-shadow:inset 0 -5px 0 var(--dyefor-option-pink),0 7px 18px #3d35301a}.product-page--modern-options dyefor-swatch-image-select .cstImageBtnSelector .price-line{align-items:center;background:var(--dyefor-option-paper)!important;color:var(--dyefor-option-ink)!important;display:flex!important;font-size:1.2rem;font-weight:700;justify-content:center;letter-spacing:0;min-height:4rem;padding:.7rem .5rem!important}.product-page--modern-options dyefor-swatch-image-select .cstImageBtnSelector .cst-btn-selected .price-line{background:#fff2f7!important}@media screen and (max-width:749px){.product-page--modern-options .product-form__input--dropdown:not(.image-selects) .select,.product-page--modern-options .product-form__input--dropdown:not(.image-selects) .select__select{min-height:5.2rem}.product-page--modern-options .product-form__input--dropdown:not(.image-selects) .select__select{font-size:1.6rem}.product-page--modern-options dyefor-swatch-image-select .cstImageBtnSelector{grid-template-columns:repeat(2,minmax(0,1fr))}}.product-page--modern-options .product-form__input[data-option_name="Case Type"] dyefor-swatch-image-select .cstImageBtnSelector{grid-template-columns:repeat(4,minmax(0,1fr))}@media(prefers-reduced-motion:reduce){.product-page--modern-options .product-form__input--dropdown:not(.image-selects) .select,.product-page--modern-options .product-form__input input[type=radio]+label,.product-page--modern-options dyefor-swatch-image-select .cstImageBtnSelector .case_btn{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/587/assets/dyefor-product-options.css.map */
