haslo-quick-add{--haslo-qa-trigger: var(--haslo-qa-trigger-mobile, 28px);--haslo-qa-background: var(--haslo-qa-bg, rgb(var(--background)));--haslo-qa-foreground: var(--haslo-qa-icon, rgb(var(--text-color)));--haslo-qa-active: var(--haslo-qa-hover, rgb(var(--text-color)));--haslo-qa-active-text: rgb(var(--background));--haslo-qa-line: var(--haslo-qa-border, rgba(var(--text-color), .15));--haslo-qa-ease: cubic-bezier(.25, 1, .5, 1);position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;pointer-events:none}@media(hover:hover)and (pointer:fine){haslo-quick-add{--haslo-qa-trigger: var(--haslo-qa-trigger-desktop, 24px)}}.haslo-quick-add__form{display:contents}.haslo-quick-add__trigger{position:absolute;right:8px;bottom:8px;display:grid;place-items:center;width:var(--haslo-qa-trigger);height:var(--haslo-qa-trigger);padding:0;border:1px solid var(--haslo-qa-line);background:var(--haslo-qa-background);color:var(--haslo-qa-foreground);cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:background-color .2s ease,color .2s ease,opacity .25s ease,transform .35s var(--haslo-qa-ease)}.haslo-quick-add__trigger:before{content:"";position:absolute;inset:50% auto auto 50%;width:max(44px,100%);height:max(44px,100%);transform:translate(-50%,-50%)}.haslo-quick-add__trigger:focus-visible{outline:2px solid rgb(var(--text-color));outline-offset:2px}.haslo-quick-add__icon{grid-area:1 / 1;display:grid;place-items:center;transition:opacity .2s ease,transform .3s var(--haslo-qa-ease)}.haslo-quick-add__icon svg{width:calc(var(--haslo-qa-trigger) * .42);height:auto}.haslo-quick-add__icon--check{opacity:0;transform:scale(.6)}.haslo-quick-add__trigger[aria-busy=true] .haslo-quick-add__icon--plus{animation:haslo-qa-spin .8s linear infinite}haslo-quick-add[added] .haslo-quick-add__trigger{background:var(--haslo-qa-active);color:var(--haslo-qa-active-text);border-color:var(--haslo-qa-active)}haslo-quick-add[added] .haslo-quick-add__icon--plus{opacity:0;transform:scale(.6) rotate(90deg)}haslo-quick-add[added] .haslo-quick-add__icon--check{opacity:1;transform:none}@media(hover:hover)and (pointer:fine){.haslo-quick-add__trigger:hover{background:var(--haslo-qa-active);color:var(--haslo-qa-active-text);border-color:var(--haslo-qa-active)}}.haslo-quick-add__strip{position:absolute;left:0;right:0;bottom:0;padding:10px 0;background:var(--haslo-qa-strip-bg, rgba(var(--background), .88));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--haslo-qa-line);pointer-events:auto;transform:translateY(calc(100% + 1px));transition:transform .35s var(--haslo-qa-ease)}.haslo-quick-add__sizes{display:flex;gap:6px;padding-inline:12px;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:12px;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,transparent,#000 12px,#000 calc(100% - 12px),transparent);mask-image:linear-gradient(to right,transparent,#000 12px,#000 calc(100% - 12px),transparent)}.haslo-quick-add__sizes::-webkit-scrollbar{display:none}.haslo-quick-add__form:first-child>.haslo-quick-add__size{margin-inline-start:auto}.haslo-quick-add__form:last-child>.haslo-quick-add__size{margin-inline-end:auto}.haslo-quick-add__size{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:var(--haslo-qa-size-mobile, 36px);height:var(--haslo-qa-size-mobile, 36px);padding:0 8px;font-weight:600;text-align:center;border:1px solid var(--haslo-qa-line);background:var(--haslo-qa-background);color:var(--haslo-qa-foreground);font-size:calc(var(--base-font-size) - 3px);letter-spacing:.02em;cursor:pointer;scroll-snap-align:start;-webkit-tap-highlight-color:transparent;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.haslo-quick-add__size:focus-visible{outline:2px solid rgb(var(--text-color));outline-offset:2px}.haslo-quick-add__size[disabled],.haslo-quick-add__size.is-sold-out{opacity:.4;text-decoration:line-through;cursor:not-allowed}.haslo-quick-add__size[aria-busy=true]{animation:haslo-qa-pulse .8s ease-in-out infinite}.haslo-quick-add__size.is-added{background:var(--haslo-qa-active);color:var(--haslo-qa-active-text);border-color:var(--haslo-qa-active)}@media(hover:hover)and (pointer:fine){.haslo-quick-add__size{height:36px;min-width:40px;font-size:calc(var(--base-font-size) - 2px)}.haslo-quick-add__size:not([disabled]):not(.is-sold-out):hover{background:var(--haslo-qa-active);color:var(--haslo-qa-active-text);border-color:var(--haslo-qa-active)}.product-item__image-wrapper:hover .haslo-quick-add--strip .haslo-quick-add__strip{transform:none}.product-item__image-wrapper:hover .haslo-quick-add--strip .haslo-quick-add__trigger{opacity:0;transform:scale(.8);pointer-events:none}}haslo-quick-add[open] .haslo-quick-add__strip,.haslo-quick-add__strip:focus-within{transform:none}haslo-quick-add[open] .haslo-quick-add__trigger,haslo-quick-add:has(.haslo-quick-add__strip:focus-within) .haslo-quick-add__trigger{opacity:0;transform:scale(.8);pointer-events:none}@keyframes haslo-qa-spin{to{transform:rotate(360deg)}}@keyframes haslo-qa-pulse{50%{opacity:.5}}@media(prefers-reduced-motion:reduce){.haslo-quick-add__trigger,.haslo-quick-add__icon,.haslo-quick-add__strip,.haslo-quick-add__size{transition:none}.haslo-quick-add__trigger[aria-busy=true] .haslo-quick-add__icon--plus,.haslo-quick-add__size[aria-busy=true]{animation:none;opacity:.6}}.haslo-quick-add__size.is-sold-out{cursor:pointer}@media(hover:hover)and (pointer:fine){.haslo-quick-add__size.is-sold-out:hover{opacity:.7;border-color:var(--haslo-qa-active)}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/haslo-quick-add.css.map */