.quick-add.quick-add--compact{--qa-size: 3.2rem;--qa-inset: .8rem;position:absolute;top:0;right:calc(var(--qa-inset) + var(--image-padding, 0rem) + var(--border-width, 0rem));z-index:2;margin:calc(var(--ratio-percent, 100%) - var(--qa-size) - var(--qa-inset) - var(--image-padding, 0rem)) 0 0;display:flex;justify-content:flex-end}.quick-add--compact modal-opener,.quick-add--compact product-form,.quick-add--compact form{display:flex;justify-content:flex-end}.quick-add--compact .quick-add__submit.button{--cy-cut: .8rem;--cy-cs: .3rem;--cy-tk: .4rem;--cy-tl: .6rem;--cy-edge: 191, 227, 255;--buttons-radius: 0;--buttons-radius-outset: 0;position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--qa-size);height:var(--qa-size);min-width:var(--qa-size);min-height:var(--qa-size);padding:0;border:0;border-radius:0;color:#fff;clip-path:polygon(0 0,calc(100% - var(--cy-cut)) 0,100% var(--cy-cut),100% 100%,var(--cy-cs) 100%,0 calc(100% - var(--cy-cs)));background:linear-gradient(rgb(var(--cy-edge)),rgb(var(--cy-edge))) var(--cy-tk) var(--cy-tk) / var(--cy-tl) .15rem no-repeat,linear-gradient(rgb(var(--cy-edge)),rgb(var(--cy-edge))) var(--cy-tk) var(--cy-tk) / .15rem var(--cy-tl) no-repeat,linear-gradient(rgb(var(--cy-edge)),rgb(var(--cy-edge))) right var(--cy-tk) bottom var(--cy-tk) / var(--cy-tl) .15rem no-repeat,linear-gradient(rgb(var(--cy-edge)),rgb(var(--cy-edge))) right var(--cy-tk) bottom var(--cy-tk) / .15rem var(--cy-tl) no-repeat,linear-gradient(225deg,transparent 0 calc(var(--cy-cut) * .7071 - .13rem),rgba(var(--cy-edge),.95) calc(var(--cy-cut) * .7071 - .13rem) calc(var(--cy-cut) * .7071),transparent calc(var(--cy-cut) * .7071)) top right / var(--cy-cut) var(--cy-cut) no-repeat,repeating-linear-gradient(0deg,rgba(255,255,255,.06) 0 .1rem,transparent .1rem .3rem),linear-gradient(180deg,#ffffff38,#ffffff0a 50%,#fff0 70%),linear-gradient(90deg,#0a80c69e,#066ca380 55%,#05578594);box-shadow:inset 0 .1rem #ffffff73,inset 0 0 0 .1rem rgba(var(--cy-edge),.3),inset 0 -1rem 1.8rem -1rem #7cbaf066;-webkit-backdrop-filter:blur(12px) saturate(170%) brightness(1.08);backdrop-filter:blur(12px) saturate(170%) brightness(1.08)}.quick-add--compact .quick-add__submit.button:before,.quick-add--compact .quick-add__submit.button:after{content:none;display:none}.quick-add--compact .quick-add__submit.button:not([disabled]):hover,.quick-add--compact .quick-add__submit.button:not([disabled]):focus-visible{outline:none;filter:brightness(1.12) drop-shadow(0 0 .5rem rgba(124,186,240,.9))}.quick-add--compact .quick-add__icon{flex:none;width:1.2rem;height:1.5rem}.quick-add--compact .quick-add__icon svg{display:block;width:100%;height:100%}.quick-add--compact .quick-add__submit.button{width:auto;padding:0 calc((var(--qa-size) - 1.2rem) / 2)}.quick-add--compact .quick-add__icon{order:-1}.quick-add--compact .quick-add__label{display:block;max-width:0;margin-left:0;overflow:hidden;opacity:0;font-family:var(--font-body-family);font-size:1rem;font-weight:700;line-height:1;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;color:#fff}@media(hover:hover)and (pointer:fine){.quick-add--compact .quick-add__submit.button:not([disabled]):hover .quick-add__label,.quick-add--compact .quick-add__submit.button:not([disabled]):focus-visible .quick-add__label{max-width:12rem;margin-left:.7rem;padding-right:.2rem;opacity:1}}@media(hover:none),(pointer:coarse){.quick-add--compact .quick-add__submit.button:focus-visible .quick-add__label{max-width:12rem;margin-left:.7rem;opacity:1}}@media(prefers-reduced-motion:no-preference){.quick-add--compact .quick-add__label{transition:max-width .28s cubic-bezier(.2,.7,.2,1),margin-left .28s cubic-bezier(.2,.7,.2,1),opacity .18s ease .06s}}.quick-add--compact .quick-add__submit .loading__spinner{width:1.6rem;height:1.6rem}@media(prefers-reduced-motion:no-preference){.quick-add--compact .quick-add__submit.button{transition:filter .2s ease}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/quick-add-compact.css.map */