.card__quick-add{display:block;position:absolute;z-index:3;right:0;bottom:100%;left:0;flex-shrink:0;padding:calc(4 * var(--space-unit))}.card:focus-within .card__quick-add{opacity:1;pointer-events:initial}.card__quick-add .btn{width:100%}.quick-add-info{grid-template-columns:96px auto}.quick-add-info__details{padding-inline-start:calc(5 * var(--space-unit))}.quick-add-info__details>hr{margin:calc(4 * var(--space-unit)) 0}.quick-add-btn-icon{display:none}@media(hover:hover){.card__quick-add{transition:opacity .3s;opacity:0;text-align:center;pointer-events:none}.card:hover .card__quick-add{opacity:1;pointer-events:initial}}@media(hover:none){.card__quick-add{text-align:end}.card__quick-add .btn{width:auto;padding:10px}.quick-add-btn-icon{display:block}.quick-add-btn-text{display:none}}@media(min-width:768px){.quick-add-info{grid-template-columns:144px auto}.quick-add-info__details{padding-inline-start:calc(8 * var(--space-unit))}}quick-add-drawer .drawer__header{background-color:var(--color-white);border-bottom:1px solid var(--color-grey-2);padding:14px 16px}@media(min-width:768px){quick-add-drawer .drawer__header{padding:20px 32px}}quick-add-drawer .drawer__header h2{color:var(--color-grey-9);font-family:var(--font-body, "Barlow", sans-serif);font-weight:var(--font-weight-semibold, 600);font-size:16px;line-height:normal;text-transform:uppercase;margin:0}@media(min-width:768px){quick-add-drawer .drawer__header h2{font-size:18px}}quick-add-drawer .drawer__header .drawer__close-btn{color:var(--color-grey-9);margin:0;padding:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center}quick-add-drawer .drawer__footer{background-color:var(--color-white);border-top:1px solid var(--color-grey-2);padding:16px;--btn-bg-color: 226 31 38;--btn-text-color: 255 255 255;--btn-alt-bg-color: 255 255 255;--btn-alt-text-color: 226 31 38}quick-add-drawer .drawer__content{color:var(--color-grey-9)}quick-add-drawer .drawer__content .h5,quick-add-drawer .drawer__content a.h5{color:var(--color-grey-9)}quick-add-drawer .drawer__content .feature-link,quick-add-drawer .drawer__content .link{color:var(--color-grey-9)}quick-add-drawer .drawer__content .price__current,quick-add-drawer .drawer__content .price--on-sale .price__current{color:var(--color-grey-9)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/quick-add.css.map */