.card-wrapper--ohli-quick-add{isolation:isolate}.ohli-card-quick-add,.ohli-card-quick-add__link{position:relative;z-index:3;display:block;width:100%;margin-top:.8rem}.ohli-card-quick-add__trigger{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;min-height:4.8rem;height:4.8rem;padding:.8rem;border:.1rem solid rgba(var(--color-foreground),.38);border-radius:0;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-size:1.2rem;font-weight:500;line-height:1.3;text-align:center;text-decoration:none;cursor:pointer}.ohli-card-quick-add__trigger:hover:not(:disabled){border-color:rgb(var(--color-foreground))}.ohli-card-quick-add__trigger:disabled{color:rgba(var(--color-foreground),.6);cursor:not-allowed}.ohli-card-quick-add__trigger:focus-visible,.ohli-card-quick-add__close:focus-visible,.ohli-card-quick-add__color:focus-visible,.ohli-card-quick-add__size:focus-visible,.ohli-card-quick-add__confirm:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}body.ohli-quick-add-open{overflow:hidden}.ohli-card-quick-add__sheet{box-sizing:border-box;position:fixed;top:auto;right:0;bottom:0;left:0;width:min(100%,52rem);max-width:none;max-height:calc(100dvh - 2rem);margin:0 auto;padding:1.6rem 2rem max(2rem,env(safe-area-inset-bottom));overflow-y:auto;border:.1rem solid rgba(var(--color-foreground),.18);border-radius:.4rem .4rem 0 0;background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 -1rem 3rem #0000001f}.ohli-card-quick-add__sheet[open]{animation:ohli-quick-add-rise .24s cubic-bezier(.22,1,.36,1) both}.ohli-card-quick-add__sheet::backdrop{background:#0000007a}.ohli-card-quick-add__handle{width:3.6rem;height:.3rem;margin:0 auto 1.6rem;border-radius:.3rem;background:rgba(var(--color-foreground),.32)}.ohli-card-quick-add__close{position:absolute;top:1.2rem;right:1.4rem;display:grid;place-items:center;width:4.4rem;height:4.4rem;padding:1.4rem;border:0;background:transparent;color:inherit;cursor:pointer}.ohli-card-quick-add__close .icon{width:1.6rem;height:1.6rem}.ohli-card-quick-add__product{display:flex;align-items:center;gap:1.6rem;padding-right:3.6rem}.ohli-card-quick-add__image{flex:0 0 8rem;width:8rem;height:10.7rem;object-fit:cover}.ohli-card-quick-add__title{margin:0 0 .6rem;font-family:var(--font-heading-family);font-size:1.7rem;font-weight:400;line-height:1.3}.ohli-card-quick-add__price{margin:0;font-size:1.4rem;font-weight:600}.ohli-card-quick-add__field{min-width:0;margin:2rem 0 0;padding:0;border:0}.ohli-card-quick-add__field legend{margin-bottom:.8rem;padding:0;font-size:1.3rem;font-weight:500}.ohli-card-quick-add__field [data-selected-color],.ohli-card-quick-add__field [data-selected-size]{font-weight:400}.ohli-card-quick-add__colors,.ohli-card-quick-add__sizes{display:flex;flex-wrap:wrap;gap:.8rem}.ohli-card-quick-add__color{display:grid;place-items:center;width:5rem;height:4.4rem;padding:0;border:.1rem solid transparent;border-radius:0;background:transparent;cursor:pointer}.ohli-card-quick-add__color .swatch{width:3.6rem;height:2.4rem;aspect-ratio:auto;border-radius:.2rem;border-color:rgba(var(--color-foreground),.35)}.ohli-card-quick-add__color[aria-pressed=true] .swatch{outline:.1rem solid rgb(var(--color-foreground));outline-offset:.2rem}.ohli-card-quick-add__color--unavailable .swatch{position:relative;overflow:hidden;opacity:.55}.ohli-card-quick-add__color--unavailable .swatch:after{content:"";position:absolute;top:50%;left:-10%;width:120%;height:.2rem;background:rgb(var(--color-foreground));transform:rotate(-32deg)}.ohli-card-quick-add__size{min-width:5.2rem;min-height:4.4rem;padding:.6rem 1.2rem;border:.1rem solid rgba(var(--color-foreground),.45);border-radius:0;background:transparent;color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-size:1.3rem;cursor:pointer}.ohli-card-quick-add__size[aria-pressed=true]{border-color:rgb(var(--color-foreground));background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.ohli-card-quick-add__size:disabled{color:rgba(var(--color-foreground),.5);text-decoration:line-through;cursor:not-allowed}.ohli-card-quick-add__empty{margin:.8rem 0 0;font-size:1.2rem}.ohli-card-quick-add__empty[hidden]{display:none}.ohli-card-quick-add__preorder{margin:2.4rem 0 0;font-size:1.2rem;line-height:1.5}.ohli-card-quick-add__preorder[hidden]{display:none}.ohli-card-quick-add__preorder:not([hidden])+.ohli-card-quick-add__confirm{margin-top:.8rem}.ohli-card-quick-add__confirm{width:100%;min-height:4.8rem;margin-top:2.4rem;padding:1rem;border:0;border-radius:0;background:rgb(var(--color-button));color:rgb(var(--color-button-text));font-family:var(--font-body-family);font-size:1.3rem;font-weight:600;cursor:pointer}.ohli-card-quick-add__confirm:disabled{opacity:.5;cursor:not-allowed}.ohli-card-quick-add__submit{position:absolute;width:1px;height:1px;padding:0;opacity:0;pointer-events:none}.ohli-card-quick-add__error:not([hidden]){display:block;margin-top:1rem;font-size:1.2rem}@media screen and (min-width:750px){.ohli-card-quick-add__sheet{bottom:2.4rem;border-radius:.4rem;padding-bottom:2rem}}@media(prefers-reduced-motion:reduce){.ohli-card-quick-add__sheet[open]{animation:none}}@keyframes ohli-quick-add-rise{0%{transform:translateY(2.4rem);opacity:.75}to{transform:translateY(0);opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/ohli-card-quick-add.css.map */