.variant-page-button{padding:.3em 1.4em;width:100%;background:#fff;border:1px solid transparent;border-radius:4px;text-align:left;cursor:pointer;display:flex;justify-content:flex-start;column-gap:1em;align-items:center;font-size:1.4rem;position:relative;transition:all ease-out .3s}.variant-page-button:hover{background:#eee}.variant-page-button:disabled{opacity:.5;cursor:not-allowed}.variant-page-button .variant-page-button__icon{display:flex;align-items:center;justify-content:center;overflow:hidden;height:65px;width:65px}.variant-page-button .variant-page-button__icon img{height:auto;width:100%}.variant-page-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:9999;display:none;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);justify-content:flex-end}.variant-page-content{position:absolute;top:0;right:-100%;height:100%;width:30%;display:flex;flex-direction:column;background:#fff;padding:2rem;overflow-y:auto}@media (max-width: 682px){.variant-page-content{width:100%}}.variant-page-header{display:flex;justify-content:space-between;align-items:center}.variant-page-header h1{font-size:1.8rem}.variant-page-close{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem;line-height:1}.variant-page-close svg{height:18px}.variant-page-content h3{margin:0 0 1.5rem;font-size:1.7rem;padding-right:2rem}.variant-page-options{display:flex;flex-direction:column;gap:.75rem}.variant-page-option{display:flex;column-gap:1em;align-items:center;padding:1rem;border-bottom:1px solid #ddd;cursor:pointer;transition:all .2s ease;text-align:left;background:none;width:100%;font-size:1.2rem}.variant-page-option:hover:not(.disabled){border-color:#000;background:#f9f9f9}.variant-page-option.selected{border-color:#000;background:#f0f0f0}.variant-page-option.disabled{opacity:.5;cursor:not-allowed}.variant-page-option__icon{display:flex;align-items:center;justify-content:center;width:65px;height:65px;overflow:hidden}.variant-page-option__icon img{width:100%;height:auto}.variant-page-option__label{font-size:1.5rem}@keyframes move-from-right{0%{right:-100%}to{right:0}}@keyframes move-to-right{0%{right:0}to{right:-100%}}@keyframes blur-background{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}}@keyframes unblur-background{0%{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}to{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}.variant-additional-option{position:relative;margin:15px 3px 15px 2px}.variant-additional-option.variant-additional-option--hidden{display:none}.variant-additional-option .spb-label-tooltip{margin-bottom:.5em;background:#fff;font-weight:500}.variant-additional-option .spb-select{padding:0;border:1px solid black;border-radius:5px}.variant-additional-option select{-webkit-appearance:none;-moz-appearance:none;width:100%;font-size:1.4rem;background:transparent;border:1px solid transparent;outline:none}.delivery-option fieldset{padding:0;border:1px solid black;border-radius:5px}.delivery-option:not(:last-child){margin-bottom:.5em}.delivery-option input[type=checkbox]{display:none}.delivery-option fieldset>label{padding:.5em 1.2em;display:grid;grid-template-columns:auto 1fr;column-gap:1.2em;align-items:center}.delivery-option__radio{width:18px;height:18px;border:2px solid #eee;border-radius:100%}.delivery-option.delivery-option--active .delivery-option__radio{position:relative;border:2px solid black}.delivery-option.delivery-option--active .delivery-option__radio:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:7px;height:7px;border-radius:100%;background:#000}
/*# sourceMappingURL=/cdn/shop/t/41/assets/component-variant-page.css.map */