.quick-atc{position:absolute;inset:auto 0 0 0;z-index:4;display:flex;flex-direction:column;align-items:flex-end;gap:.6rem;padding:.8rem;pointer-events:none}.quick-atc>*{pointer-events:auto}.quick-atc__toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:0;border:1px solid rgba(var(--color-foreground),.12);border-radius:50%;background-color:rgba(var(--color-background),.92);color:rgb(var(--color-foreground));cursor:pointer;transition:background-color .2s ease,color .2s ease;-webkit-tap-highlight-color:transparent}.quick-atc__toggle .icon-plus{width:1.2rem;height:1.2rem}@media(hover:hover){.quick-atc__toggle:hover{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}}.quick-atc__panel{position:static;width:100%;max-width:none;max-height:none;margin:0;border:0;padding:1.2rem;border-radius:var(--border-radius);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 .4rem 2rem rgba(var(--color-foreground),.08);animation:quick-atc-in .18s ease-out}.quick-atc__panel:not([open]){display:none}.quick-atc.is-open .quick-atc__toggle{display:none}.quick-atc__head{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.6rem}.quick-atc__heading{display:flex;flex-direction:column;gap:.4rem;min-width:0}.quick-atc__product{display:none}.quick-atc__title{font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(var(--color-foreground),.6)}.quick-atc__close{display:inline-flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;margin:-.6rem -.6rem -.6rem 0;padding:0;border:0;background:none;color:inherit;cursor:pointer}.quick-atc__close .icon{width:1.4rem;height:1.4rem}.quick-atc__list{margin:0;padding:0;list-style:none}.quick-atc__list li+li{border-top:1px solid rgba(var(--color-foreground),.08)}.quick-atc__option{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.8rem;width:100%;min-height:4.4rem;padding:.4rem 0;border:0;background:none;color:inherit;font:inherit;font-size:1.4rem;text-align:left;cursor:pointer}.quick-atc__option-price{font-family:var(--font-price-card-family);letter-spacing:calc(var(--font-price-card-letter-spacing) * .1);white-space:nowrap}.quick-atc__option-price s{margin-right:.4rem;color:rgba(var(--color-foreground),.5)}.quick-atc__option[disabled]{cursor:default;color:rgba(var(--color-foreground),.4)}@media(hover:hover){.quick-atc__option:not([disabled]):hover .quick-atc__option-title{text-decoration:underline;text-underline-offset:.3rem}}.quick-atc .spinner{display:none;position:absolute;width:1.6rem;height:1.6rem;background:none;fill:none;animation:quick-atc-spin .8s linear infinite}.quick-atc .spinner .path{stroke:currentColor;stroke-dasharray:140;stroke-dashoffset:70}.quick-atc__option .spinner{right:0}.quick-atc .loading .spinner{display:block}.quick-atc__toggle.loading .icon-plus,.quick-atc__option.loading .quick-atc__option-price{visibility:hidden}.quick-atc__error{width:100%;margin:0;padding:.8rem 1rem;border-radius:var(--border-radius);background-color:rgb(var(--color-background));font-size:1.2rem;line-height:1.4}.quick-atc__panel:modal{position:fixed;inset:auto 0 0 0;max-height:85vh;overflow-y:auto;padding:2rem 2rem calc(2rem + env(safe-area-inset-bottom));border-radius:1.6rem 1.6rem 0 0;box-shadow:none;animation:quick-atc-sheet-in .22s ease-out}.quick-atc__panel::backdrop{background-color:#0006}.quick-atc__panel:modal .quick-atc__head{align-items:flex-start;margin-bottom:1.2rem}.quick-atc__panel:modal .quick-atc__product{display:block;font-size:1.6rem;line-height:1.3}.quick-atc__panel:modal .quick-atc__close{width:4.4rem;height:4.4rem;margin:-1rem -1rem 0 0}.quick-atc__panel:modal .quick-atc__option{min-height:5.6rem;font-size:1.6rem}.quick-atc__panel:modal .quick-atc__error{padding:.8rem 0 0}@keyframes quick-atc-sheet-in{0%{transform:translateY(100%)}to{transform:none}}@keyframes quick-atc-spin{to{transform:rotate(360deg)}}@keyframes quick-atc-in{0%{opacity:0;transform:translateY(.8rem)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.quick-atc__panel,.quick-atc__panel:modal{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/component-quick-atc.css.map */