.dispenser-native-hidden{display:none}.dispenser-selector [hidden],.dispenser-modal[hidden],.dispenser-modal [hidden]{display:none!important}.dispenser-selector{--dispenser-thumb: 5rem;--dispenser-radius: .8rem;--dispenser-row-gap: .8rem;--dispenser-name-font: var(--headline-typeface);--dispenser-name-size: var(--pv-header-size, 1.4rem);--dispenser-name-weight: 500;--dispenser-desc-font: var(--secondary-typeface);--dispenser-desc-size: 1.2rem;--dispenser-desc-weight: 300;--dispenser-desc-color: #726f6f;--dispenser-tally-tracking: .04em;display:flex;flex-direction:column;gap:1rem;margin-bottom:var(--pv-gap, 2.4rem)}.dispenser-selector__header{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.dispenser-selector__meta{display:flex;align-items:center;gap:.8rem;flex:1 1 auto}.dispenser-selector__label{font-size:var(--pv-header-size, 1.4rem);line-height:1}.dispenser-selector__count{display:flex;align-items:center;gap:.4rem}.dispenser-selector__pill{display:flex;align-items:center;justify-content:center;min-width:2.4rem;height:2rem;padding:0 .4rem;border-radius:1rem;background-color:var(--color-coast);color:var(--color-white);font-size:1.1rem;font-weight:700;line-height:1}.dispenser-selector__tick{display:flex;align-items:center;justify-content:center;line-height:0}.dispenser-selector__tick svg{width:1.1rem;height:.9rem;display:block}.dispenser-selector__status{color:var(--color-charcoal);font-family:var(--dispenser-desc-font);font-size:var(--dispenser-desc-size);font-weight:var(--dispenser-desc-weight);font-style:italic;line-height:1;white-space:nowrap}.dispenser-selector__reset{padding:0;border:0;line-height:1;background:none;color:var(--color-coast);font-family:var(--dispenser-name-font);font-size:var(--dispenser-name-size);font-weight:var(--dispenser-name-weight);text-decoration:underline;cursor:pointer;margin-left:auto}.dispenser-selector__frame{container-type:inline-size;container-name:dispenser-group;display:flex;flex-direction:column;gap:1rem}.dispenser-selector__rows{display:flex;flex-direction:column;gap:var(--dispenser-row-gap);margin-left:.4rem}.dispenser-row{position:relative}.dispenser-row__add{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem 1.2rem;border:1px solid var(--color-offwhite-1);border-radius:var(--dispenser-radius);background-color:var(--pv-option-bg, #f5f5f5);color:var(--color-charcoal);font-family:inherit;text-align:left;cursor:pointer;box-sizing:border-box;transition:background-color .12s ease,border-color .12s ease}.dispenser-row.is-selected .dispenser-row__add{border-color:var(--color-coast);background-color:#d7e0f5}.dispenser-row.is-full .dispenser-row__add{opacity:.5;cursor:default}.dispenser-row__add:focus-visible{outline:2px solid var(--color-coast);outline-offset:2px}.dispenser-row__thumb{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--dispenser-thumb);height:var(--dispenser-thumb);border:1px solid var(--color-offwhite-1);border-radius:.6rem;background-color:var(--color-white);overflow:hidden;box-sizing:border-box}.dispenser-row__thumb img{display:block;width:100%;height:100%;object-fit:contain}.dispenser-row__thumb.is-placeholder{background-color:var(--color-offwhite-1)}.dispenser-row__text{display:flex;flex-direction:column;flex:1;min-width:0}.dispenser-row__name-line{display:flex;align-items:center;gap:.6rem;min-width:0}.dispenser-row__name{font-family:var(--dispenser-name-font);font-size:var(--dispenser-name-size);font-weight:var(--dispenser-name-weight);line-height:1.2}.dispenser-row__desc{margin-top:.2rem;color:var(--dispenser-desc-color);font-family:var(--dispenser-desc-font);font-size:var(--dispenser-desc-size);font-weight:var(--dispenser-desc-weight);line-height:1.5}.dispenser-row__badge{flex-shrink:0;padding:.4rem .6rem;border-radius:8px;background-color:var(--color-ripple);color:var(--color-charcoal);font-size:1rem;font-weight:500;line-height:1;white-space:nowrap;pointer-events:none}.dispenser-row__plus{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:3.4rem;height:3rem;border:1px solid var(--color-offwhite-1);border-radius:.6rem;background-color:var(--color-white);color:var(--color-coast);font-family:var(--dispenser-name-font);font-size:var(--dispenser-name-size);font-weight:var(--dispenser-name-weight);letter-spacing:var(--dispenser-tally-tracking);box-sizing:border-box}.dispenser-row.is-selected .dispenser-row__plus{border-color:var(--color-coast)}.dispenser-row__plus.is-muted{color:var(--color-luminous-grey)}.dispenser-row__remove{position:absolute;top:-.8rem;right:-.6rem;display:flex;align-items:center;justify-content:center;height:2.2rem;min-width:2.2rem;padding:0 .7rem;border:2px solid var(--color-white);border-radius:1.1rem;background-color:var(--color-coast);color:var(--color-white);font-family:inherit;font-size:1.1rem;font-weight:700;letter-spacing:var(--dispenser-tally-tracking);line-height:1;cursor:pointer;box-sizing:border-box}.dispenser-row__remove:focus-visible{outline:2px solid var(--color-coast);outline-offset:2px}.dispenser-selector__summary{margin:0;color:var(--color-charcoal);font-family:var(--dispenser-desc-font);font-size:var(--dispenser-desc-size);font-weight:var(--dispenser-desc-weight);line-height:1.45}.dispenser-row__zoom{position:absolute;top:50%;left:1.2rem;transform:translateY(-50%);width:var(--dispenser-thumb);height:var(--dispenser-thumb);padding:0;border:0;border-radius:.6rem;background:none;cursor:zoom-in}.dispenser-row__zoom:focus-visible{outline:2px solid var(--color-coast);outline-offset:2px}.dispenser-row__magnifier{position:absolute;right:-.6rem;bottom:-.5rem;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid var(--color-offwhite-1);border-radius:50%;background-color:var(--color-white);box-shadow:0 1px 3px #1b1b261f;color:var(--color-coast);box-sizing:border-box}.dispenser-row__magnifier svg{width:1.3rem;height:1.3rem;overflow:visible}@container dispenser-group (min-width: 47.4rem){.dispenser-selector__group{display:flex;align-items:stretch;gap:1.4rem}.dispenser-selector__rows{flex:1 1 auto;min-width:0}.dispenser-row{flex:1 1 0;min-height:6.8rem;display:flex}.dispenser-row__add{align-items:center;padding:.8rem 1.2rem}.dispenser-selector__header{width:calc(100% - var(--dispenser-panel-w, 18rem) - 1.4rem)}}.dispenser-preview{display:none;flex-direction:column;gap:.8rem;box-sizing:border-box}@container dispenser-group (min-width: 47.4rem){.dispenser-preview{display:flex;flex:0 0 var(--dispenser-panel-w, 18rem);width:var(--dispenser-panel-w, 18rem)}}.dispenser-preview__hero{position:relative;display:block;width:100%;aspect-ratio:1 / 1;padding:0;border:0;border-radius:.8rem;background-color:var(--color-offwhite-1);overflow:hidden;cursor:zoom-in;flex-shrink:0}.dispenser-preview__hero:focus-visible{outline:2px solid var(--color-coast);outline-offset:2px}.dispenser-preview__image{display:block;width:100%;height:100%;object-fit:contain}.dispenser-preview__expand{position:absolute;right:.8rem;top:.8rem;display:flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;border:1px solid var(--color-offwhite-1);border-radius:.6rem;background-color:#ffffffeb;box-shadow:0 1px 3px #1b1b261f;color:var(--color-coast);box-sizing:border-box}.dispenser-preview__expand svg{width:1.7rem;height:1.7rem;overflow:visible}.dispenser-preview__name{font-family:var(--dispenser-name-font);font-size:var(--dispenser-name-size);font-weight:var(--dispenser-name-weight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dispenser-preview__slack{flex:1}.dispenser-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center;background-color:#000000b3}.dispenser-modal__sheet{position:relative;display:flex;flex-direction:column;gap:1.2rem;width:100%;max-height:92vh;padding:1.6rem;border-radius:1.2rem 1.2rem 0 0;background-color:var(--color-white);box-shadow:0 -6px 24px #1b1b262e;overflow-y:auto;box-sizing:border-box;animation:dispenser-rise .2s ease both}@media(min-width:750px){.dispenser-modal{align-items:center}.dispenser-modal__sheet{width:60rem;border-radius:1.2rem;animation:dispenser-fade .2s ease both}}.dispenser-modal__header{display:flex;align-items:flex-start;gap:1rem}.dispenser-modal__heading{display:flex;flex-direction:column;flex:1;min-width:0;gap:.2rem}.dispenser-modal__name-line{display:flex;align-items:center;gap:.6rem}.dispenser-modal__name{font-size:1.7rem;font-weight:700}.dispenser-modal__desc{color:var(--color-charcoal);font-size:1.25rem;line-height:1.4}.dispenser-modal__spec{margin-top:.2rem;color:var(--color-luminous-grey);font-size:1.1rem;line-height:1.3}.dispenser-modal__close{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:3rem;height:3rem;padding:0;border:0;border-radius:50%;background-color:var(--color-offwhite-1);color:var(--color-charcoal);cursor:pointer}.dispenser-modal__close svg{width:1.1rem;height:1.1rem}.dispenser-modal__close svg path{fill:currentColor}.dispenser-modal__hero{width:100%;max-width:min(100%,55vh);margin:0 auto;aspect-ratio:1 / 1;border-radius:1rem;background-color:var(--color-offwhite-1);overflow:hidden}.dispenser-modal__image{display:block;width:100%;height:100%;object-fit:contain}.dispenser-modal__thumbs{display:flex;flex-wrap:wrap;gap:.8rem}.dispenser-modal__thumb{flex:0 0 4.4rem;width:4.4rem;height:4.4rem;padding:.4rem;border:1px solid var(--color-offwhite-1);border-radius:.6rem;background-color:var(--pv-option-bg, #f5f5f5);cursor:pointer;box-sizing:border-box}.dispenser-modal__thumb.is-current{border-color:var(--color-coast);background-color:#d7e0f5}.dispenser-modal__thumb img{display:block;width:100%;height:100%;object-fit:contain}.dispenser-atc-prompt{display:none}.pd-button.product-form__submit.is-dispenser-incomplete{background-color:color-mix(in srgb,var(--color-coast) 62%,var(--color-white))}.pd-button.product-form__submit.is-dispenser-incomplete:hover{background-color:color-mix(in srgb,var(--color-coast) 70%,var(--color-white))}.product-form__submit.is-dispenser-incomplete .dispenser-atc-prompt{display:inline}.product-form__submit.is-dispenser-incomplete>span.text,.product-form__submit.is-dispenser-incomplete>.atc-price-on-sale{display:none}@keyframes dispenser-fade{0%{opacity:0}to{opacity:1}}@keyframes dispenser-rise{0%{opacity:0;transform:translateY(.8rem)}to{opacity:1;transform:none}}@keyframes dispenser-nudge{0%{transform:scale(1)}25%{transform:scale(1.28)}50%{transform:scale(.96)}75%{transform:scale(1.14)}to{transform:scale(1)}}.dispenser-selector__pill.is-pulsing,.dispenser-row__remove.is-pulsing{animation:dispenser-nudge .55s ease}@media(prefers-reduced-motion:reduce){.dispenser-selector__pill.is-pulsing,.dispenser-row__remove.is-pulsing{animation:none}.dispenser-row__add{transition:none}.dispenser-modal__sheet{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/298/assets/dispenser-selector.css.map */