:root{--quick-options-panel-bg: #f2f2f2}card-quick-options{position:static;display:inline-flex;align-items:center;line-height:1}.card-quick-options__trigger{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;padding:0;margin:0;background:transparent;border:0;color:rgb(var(--color-foreground));cursor:pointer;transition:opacity .15s ease}.card-quick-options__trigger:hover{opacity:.6}.card-quick-options__trigger .card-quick-options__icon{width:1.2rem;height:1.2rem;align-items:center;justify-content:center}.card-quick-options__trigger .card-quick-options__icon svg,.card-quick-options__trigger .card-quick-options__icon .icon{width:100%;height:100%}.card-quick-options__trigger .card-quick-options__icon--open{display:inline-flex}.card-quick-options__trigger .card-quick-options__icon--close,.card-quick-options__trigger[aria-expanded=true] .card-quick-options__icon--open{display:none}.card-quick-options__trigger[aria-expanded=true] .card-quick-options__icon--close{display:inline-flex}.card-quick-options__trigger .loading__spinner{position:absolute;width:1.4rem;height:1.4rem}.card-quick-options__trigger.loading .card-quick-options__icon{visibility:hidden}.card__inner>.card-quick-options__panel{position:absolute;left:0;right:0;bottom:0;z-index:4;margin:0;padding:1.4rem 1.6rem 1.6rem;max-height:100%;overflow-y:auto;background:var(--quick-options-panel-bg);color:rgb(var(--color-foreground));box-shadow:0 -1px rgba(var(--color-foreground),.05),0 -8px 20px rgba(var(--color-shadow),.06);transform:translateY(100%);opacity:0;visibility:hidden;transition:transform .28s cubic-bezier(.25,.1,.25,1),opacity .2s ease,visibility 0s linear .28s;pointer-events:none}.card-quick-options>.card-quick-options__panel[hidden]{display:none}.card__inner>.card-quick-options__panel[data-open=true]{transform:translateY(0);opacity:1;visibility:visible;transition:transform .32s cubic-bezier(.25,.1,.25,1),opacity .22s ease,visibility 0s linear 0s;pointer-events:auto}.product-card-minimal__media>.card-quick-options__panel{position:absolute;left:0;right:0;bottom:0;z-index:4;margin:0;padding:1.4rem 1.6rem 1.6rem;max-height:100%;overflow-y:auto;background:var(--quick-options-panel-bg);color:rgb(var(--color-foreground));box-shadow:0 -1px rgba(var(--color-foreground),.05),0 -8px 20px rgba(var(--color-shadow),.06);transform:translateY(100%);opacity:0;visibility:hidden;transition:transform .28s cubic-bezier(.25,.1,.25,1),opacity .2s ease,visibility 0s linear .28s;pointer-events:none}.product-card-minimal__media>.card-quick-options__panel[data-open=true]{transform:translateY(0);opacity:1;visibility:visible;transition:transform .32s cubic-bezier(.25,.1,.25,1),opacity .22s ease,visibility 0s linear 0s;pointer-events:auto}.card-quick-options__form{margin:0;padding:0}.card-quick-options__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.2rem}.card-quick-options__item{margin:0;padding:0}.card-quick-options__option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:.8rem 0;background:transparent;border:0;border-bottom:.1rem solid rgba(var(--color-foreground),.08);color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-size:1.2rem;font-weight:var(--font-weight-regular);letter-spacing:.02em;line-height:1.4;text-align:left;cursor:pointer;transition:color .15s ease,opacity .15s ease}.card-quick-options__item:last-child .card-quick-options__option{border-bottom:0}.card-quick-options__option:hover:not(:disabled){color:rgb(var(--color-foreground));opacity:.7}.card-quick-options__option:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.card-quick-options__option--disabled{color:rgba(var(--color-foreground),.35);opacity:.55;cursor:not-allowed}.card-quick-options__option--disabled:hover{opacity:.55;color:rgba(var(--color-foreground),.35)}.card-quick-options__option--disabled .card-quick-options__option-label{text-decoration:line-through;text-decoration-thickness:.1rem}.card-quick-options__option-label{display:inline-block;text-transform:uppercase;letter-spacing:.04em}.card-quick-options__option-status{font-size:1.1rem;color:rgba(var(--color-foreground),.55);letter-spacing:0;text-transform:none}.card-quick-options__option--disabled .card-quick-options__option-status{color:rgba(var(--color-foreground),.4)}.card-quick-options__view-link{display:block;margin-top:1rem;font-family:var(--font-body-family);font-size:1.1rem;letter-spacing:.04em;text-transform:uppercase;text-align:center;text-decoration:underline;text-underline-offset:.3rem;color:rgb(var(--color-foreground))}.card-quick-options__view-link:hover{opacity:.65}.card-quick-options__error{margin:.8rem 0 0;font-size:1.1rem;color:rgba(var(--color-foreground),.8);text-align:center}.card-quick-options__option.loading{opacity:1;pointer-events:none}.card-quick-options__option .loading__spinner{position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;margin:-.8rem 0 0 -.8rem}.card-quick-options__option .loading__spinner .spinner{width:100%;height:100%}.card-quick-options__option.loading .loading__spinner .path{stroke:rgb(var(--color-background))}.card-quick-options__option.loading .card-quick-options__option-label,.card-quick-options__option.loading .card-quick-options__option-status{visibility:hidden}.product-grid--zara .card-wrapper{position:relative}.product-grid--zara .card-wrapper.card-wrapper--quick-options-open .card__media-overlay-link,.product-card-minimal--quick-options-open .product-card-minimal__media-link{pointer-events:none}@media screen and (min-width:750px){.card-quick-options__panel{padding:1.6rem 1.8rem 1.8rem}.card-quick-options__option-status{font-size:1.15rem}}.card-quick-options__heading{display:block;margin:0 0 .9rem;font-family:var(--font-body-family);font-size:1.1rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgb(var(--color-foreground))}.card-quick-options__list{flex-direction:row;flex-wrap:wrap;gap:.6rem}.card-quick-options__option{position:relative;width:auto;min-width:3.6rem;justify-content:center;gap:.4rem;padding:.7rem 1rem;border:.1rem solid rgba(var(--color-foreground),.35);font-size:1.2rem;text-transform:uppercase}.card-quick-options__option.loading{border-color:rgb(var(--color-foreground));background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.card-quick-options__item:last-child .card-quick-options__option{border:.1rem solid rgba(var(--color-foreground),.35)}.card-quick-options__option:hover:not(:disabled){opacity:1;border-color:rgb(var(--color-foreground));background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.card-quick-options__option--disabled,.card-quick-options__option--disabled:hover{background:rgba(var(--color-foreground),.12);border-color:transparent;color:rgba(var(--color-foreground),.45);opacity:1}.card-quick-options__option--disabled .card-quick-options__option-label{text-decoration:none}.card-quick-options__option-status,.card-quick-options__view-link{display:none}.card__inner>.card-quick-options__trigger,.product-card-minimal__media>.card-quick-options__trigger{position:absolute;right:.8rem;bottom:.8rem;z-index:3;width:3.2rem;height:3.2rem;background:rgb(var(--color-background));box-shadow:0 .1rem .6rem rgba(var(--color-shadow),.18)}.card__inner>.card-quick-options__trigger:hover,.product-card-minimal__media>.card-quick-options__trigger:hover{opacity:1;background:rgb(var(--color-background))}.card__inner>.card-quick-options__trigger .card-quick-options__icon,.product-card-minimal__media>.card-quick-options__trigger .card-quick-options__icon{width:1.4rem;height:1.4rem}@media(hover:hover)and (min-width:750px){.card__inner>.card-quick-options__trigger,.product-card-minimal__media>.card-quick-options__trigger{display:none}.card-wrapper:hover .card__inner>.card-quick-options__panel,.card-wrapper:focus-within .card__inner>.card-quick-options__panel,.product-card-minimal:hover .product-card-minimal__media>.card-quick-options__panel,.product-card-minimal:focus-within .product-card-minimal__media>.card-quick-options__panel{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto;transition:transform .32s cubic-bezier(.25,.1,.25,1),opacity .22s ease,visibility 0s linear 0s}}.card__inner,.product-card-minimal__media{position:relative}.card__inner>.card__media-overlay-link{z-index:1}.card-quick-options__sheet-handle,.card-quick-options__sheet-head,.card-quick-options__sheet-actions{display:none}.card-quick-options__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#00000073;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s}.card-quick-options__backdrop.is-visible{opacity:1;visibility:visible;transition:opacity .3s ease}body.card-quick-options-sheet-open{overflow:hidden}.card-quick-options__panel--sheet{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:1000;width:100%;max-width:100%;max-height:88vh;margin:0;padding:0 2rem 1.4rem;padding-bottom:calc(1.6rem + env(safe-area-inset-bottom,0px));border-radius:1.8rem 1.8rem 0 0;background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 -.8rem 3rem rgba(var(--color-shadow),.22);transform:translateY(100%);opacity:1;visibility:visible;pointer-events:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;transition:transform .34s cubic-bezier(.22,.61,.36,1)}.card-quick-options__panel--sheet[data-open=true]{transform:translateY(0)}.card-quick-options__panel--sheet .card-quick-options__sheet-handle{display:block;width:4rem;height:.4rem;margin:1.2rem auto .6rem;border-radius:1rem;background:rgba(var(--color-foreground),.22)}.card-quick-options__panel--sheet .card-quick-options__sheet-head{display:block;padding:.6rem 0 1rem}.card-quick-options__panel--sheet .card-quick-options__sheet-vendor{display:block;font-family:var(--font-heading-family);font-size:2.4rem;font-weight:700;line-height:1.05;letter-spacing:.01em}.card-quick-options__panel--sheet .card-quick-options__sheet-title{display:block;margin-top:.8rem;font-size:1.5rem;line-height:1.3;color:rgba(var(--color-foreground),.85)}.card-quick-options__panel--sheet .card-quick-options__heading{margin:1.6rem 0 1.1rem;font-size:1.3rem}.card-quick-options__panel--sheet .card-quick-options__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.4rem,1fr));gap:1rem}.card-quick-options__panel--sheet .card-quick-options__item{display:block}.card-quick-options__panel--sheet .card-quick-options__option{width:100%;min-width:0;min-height:5.2rem;padding:.8rem;border:.1rem solid rgba(var(--color-foreground),.55);font-size:1.5rem;text-transform:none}.card-quick-options__panel--sheet .card-quick-options__option.is-selected{background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.card-quick-options__panel--sheet .card-quick-options__option--disabled,.card-quick-options__panel--sheet .card-quick-options__option--disabled:hover{background:transparent;border-color:rgba(var(--color-foreground),.18);color:rgba(var(--color-foreground),.35)}.card-quick-options__panel--sheet .card-quick-options__option--disabled .card-quick-options__option-label{text-decoration:line-through}.card-quick-options__panel--sheet .card-quick-options__sheet-actions{display:grid;gap:1rem;margin-top:1.8rem}.card-quick-options__sheet-add,.card-quick-options__sheet-buy{position:relative;width:100%;min-height:5.4rem;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-body-family);font-size:1.4rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:.1rem solid rgb(var(--color-foreground));transition:opacity .15s ease}.card-quick-options__sheet-add{background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.card-quick-options__sheet-buy{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.card-quick-options__sheet-add[disabled],.card-quick-options__sheet-buy[disabled]{opacity:.35;cursor:not-allowed}.card-quick-options__sheet-add .loading__spinner,.card-quick-options__sheet-buy .loading__spinner{position:absolute;top:50%;left:50%;width:1.8rem;height:1.8rem;margin:-.9rem 0 0 -.9rem}.card-quick-options__sheet-add.loading .card-quick-options__sheet-btn-label,.card-quick-options__sheet-buy.loading .card-quick-options__sheet-btn-label{visibility:hidden}.card-quick-options__sheet-buy.loading .loading__spinner .path{stroke:rgb(var(--color-background))}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-card-quick-options.css.map */