.quick-add{position:relative;grid-row-start:4;margin:0 0 1rem;z-index:1}.card--card .quick-add{margin:0 1.3rem 1rem}.quick-add-modal{box-sizing:border-box;opacity:0;position:fixed;visibility:hidden;z-index:-1;margin:0 auto;top:0;left:0;width:100%;background:rgba(var(--color-foreground),.2);height:100%}.quick-add-modal[open]{opacity:1;visibility:visible;z-index:101}.quick-add-modal .scroll-trigger.scroll-trigger{animation:none;opacity:1}.quick-add-modal__content{--modal-height-offset: 3.2rem;position:absolute;top:0;left:50%;transform:translate(-50%);margin:var(--modal-height-offset) auto 0;width:100%;background-color:rgb(var(--color-background));overflow:hidden;max-width:var(--page-width);width:calc(100% - 3rem)}@media screen and (min-width:750px){.quick-add-modal__content{--modal-height-offset: 10rem;margin-top:var(--modal-height-offset);width:80%;max-height:calc(100% - var(--modal-height-offset) * 2);overflow-y:auto}quick-add-modal .quick-add-modal__toggle{top:2rem;right:2rem}}@media screen and (min-width:990px){.quick-add-modal__content{width:70%}}.quick-add-modal__content img{max-width:100%}.quick-add-modal__content-info{--modal-padding: 2.5rem;padding-right:4.4rem;display:flex;overflow-y:auto;padding:var(--modal-padding);height:100%}.quick-add-modal__content-info>*{height:auto;margin:0 auto;max-width:100%;width:100%}@media screen and (max-width:749px){quick-add-modal .slider .product__media-item.grid__item{margin-left:1.5rem;margin-right:1.5rem}.quick-add-modal__content{bottom:var(--modal-height-offset)}.quick-add-modal__content-info>*{max-height:100%}quick-add-modal .product--mobile-columns .product__media-item{width:calc(100% - 3rem - var(--grid-mobile-horizontal-spacing))}}.quick-add-modal__toggle{background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);border-radius:50%;color:rgba(var(--color-foreground),.55);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:1.2rem;z-index:5;width:4rem;position:fixed;top:1.5rem;right:1.5rem}.quick-add-modal__toggle:hover{color:rgba(var(--color-foreground),.75)}.quick-add-modal__toggle .icon{height:auto;margin:0;width:2.2rem}quick-add-modal .product:not(.featured-product) .product__view-details{display:block}quick-add-modal .quick-add-hidden,quick-add-modal .product__modal-opener:not(.product__modal-opener--image),quick-add-modal .product__media-item:not(:first-child){display:none!important}quick-add-modal .slider.slider--mobile{overflow:visible}quick-add-modal .product__column-sticky .product__media-list{margin-bottom:0}quick-add-modal .product__media-list .deferred-media{display:block;width:100%}quick-add-modal .product__column-sticky{top:0;position:relative}@media screen and (min-width:750px){quick-add-modal .product:not(.product--no-media) .product__media-wrapper{max-width:45%;width:calc(45% - var(--grid-desktop-horizontal-spacing) / 2)}quick-add-modal .product:not(.product--no-media) .product__info-wrapper{padding-left:4rem;max-width:54%;width:calc(54% - var(--grid-desktop-horizontal-spacing) / 2)}quick-add-modal .product--columns .product__media-item:not(.product__media-item--single):not(:only-child){max-width:100%;width:100%}quick-add-modal .thumbnail-slider .thumbnail-list.slider--tablet-up{display:none}}quick-add-modal .page-width{padding:0}quick-add-modal .product__title>h1{display:none}quick-add-modal .product__title>a{display:block;text-decoration:none}quick-add-modal .product__title>a:hover{color:rgb(var(--color-foreground));text-decoration:underline;text-underline-offset:.2rem;text-decoration-thickness:.3rem}quick-add-modal .product-form__buttons{max-width:initial}.quick-add__submit{padding:.8rem;min-width:100%;box-sizing:border-box}.quick-add--collection-icon{--collection-quick-add-control-size: 44px;--collection-quick-add-icon-size: .95rem;--collection-quick-add-ring-size: 20px;--collection-quick-add-desktop-overlap: var(--collection-quick-add-control-size);bottom:-.2rem;left:-.2rem;margin:0;pointer-events:none;position:absolute;right:-.2rem;z-index:3}.card-wrapper.is-collection-quick-add-open{position:relative;z-index:20}.card--collection-quick-add .card__inner.gradient{transform:none}@media(hover:hover){.animate--hover-3d-lift .card-wrapper .card--collection-quick-add .card__inner,.animate--hover-3d-lift .card-wrapper:hover .card--collection-quick-add .card__inner,.animate--hover-3d-lift .card-wrapper:active .card--collection-quick-add .card__inner,.animate--hover-vertical-lift .card-wrapper .card--collection-quick-add .card__inner,.animate--hover-vertical-lift .card-wrapper:hover .card--collection-quick-add .card__inner,.animate--hover-vertical-lift .card-wrapper:active .card--collection-quick-add .card__inner{transform:none!important}}.quick-add--collection-icon product-form,.quick-add--collection-icon>talli-collection-quick-add{display:block}.quick-add--collection-icon>product-form,.quick-add--collection-icon>talli-collection-quick-add{height:var(--collection-quick-add-control-size);pointer-events:none;position:relative;width:100%}.quick-add--collection-icon .quick-add__submit--icon{bottom:0;left:auto;pointer-events:auto;position:absolute;right:0;top:auto;z-index:6}.quick-add__submit--icon{--buttons-radius: 50%;--buttons-radius-outset: 50%;-webkit-tap-highlight-color:transparent;align-items:center;background:transparent;border:0;box-shadow:none;color:#00433b;display:flex;height:var(--collection-quick-add-control-size, 44px);justify-content:center;min-height:var(--collection-quick-add-control-size, 44px);min-width:var(--collection-quick-add-control-size, 44px);padding:0;position:relative;translate:none!important;width:var(--collection-quick-add-control-size, 44px)}.quick-add__submit--icon:before{display:none}.quick-add__submit--icon:after{display:none}.quick-add__submit--icon:hover{background:transparent;box-shadow:none!important;transform:none!important;transition:none!important}.animate--hover-3d-lift .button.quick-add__submit--icon:not([disabled]),.animate--hover-3d-lift .button.quick-add__submit--icon:not([disabled]):hover,.animate--hover-3d-lift .button.quick-add__submit--icon:not([disabled]):active,.animate--hover-vertical-lift .button.quick-add__submit--icon:not([disabled]),.animate--hover-vertical-lift .button.quick-add__submit--icon:not([disabled]):hover,.animate--hover-vertical-lift .button.quick-add__submit--icon:not([disabled]):active{box-shadow:none!important;transform:none!important;transition:none!important}.button.quick-add__submit--icon:focus,.button.quick-add__submit--icon:focus-visible,.button.quick-add__submit--icon.focused{box-shadow:none;outline:0}.quick-add__submit--icon:hover .icon-collection-plus__surface{fill:#00433b1a}.quick-add__submit--icon:focus-visible .icon-collection-plus__surface{fill:#00433b1f}.quick-add__submit--icon .quick-add__icon{display:block;height:var(--collection-quick-add-ring-size, 20px);left:50%;pointer-events:none;position:absolute;top:50%;transform:translate3d(-50%,-50%,0) rotate(0);transform-origin:50% 50%;width:var(--collection-quick-add-ring-size, 20px);z-index:1}.quick-add__submit--icon .icon-plus{display:block;height:100%;margin:0;overflow:visible;pointer-events:none;shape-rendering:geometricPrecision;transform:none!important;width:100%}.quick-add__submit--icon .icon-collection-plus__surface{fill:rgba(var(--color-background),.06);transition:fill .16s ease}.quick-add__submit--icon.loading .quick-add__icon{visibility:hidden}.quick-add__submit--icon .loading__spinner,.button.quick-add__submit--icon.loading>.loading__spinner{align-items:center;display:flex;height:18px;justify-content:center;left:50%;margin:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:18px;z-index:1}.quick-add__submit--icon .loading__spinner.hidden{display:none}.button.quick-add__submit--icon.loading>.loading__spinner .spinner,.quick-add__submit--icon .loading__spinner .spinner{aspect-ratio:1;display:block;flex:0 0 18px;height:18px;max-height:18px;max-width:18px;width:18px}.button.quick-add__submit--icon.loading>.loading__spinner .path{stroke-linecap:round;stroke:#00433b}.talli-collection-quick-add{background:rgb(var(--color-background));border:0;border-radius:0 0 1.2rem 1.2rem;box-shadow:0 1.2rem 2.8rem rgba(var(--color-foreground),.13);box-sizing:border-box;color:rgb(var(--color-foreground));left:0;margin:0;max-width:none;padding:0;pointer-events:auto;position:absolute;top:calc(100% - var(--collection-quick-add-desktop-overlap));width:100%;z-index:4}.talli-collection-quick-add:focus{box-shadow:0 1.2rem 2.8rem rgba(var(--color-foreground),.13);outline:0}.talli-collection-quick-add::backdrop{background:transparent}.talli-collection-quick-add__inner{padding:1.25rem}.talli-collection-quick-add__header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.1rem;padding-right:2.6rem;position:relative}.talli-collection-quick-add__title{border-bottom:0!important;box-shadow:none!important;color:currentColor;display:inline-block;font-size:1.3rem;font-weight:650;line-height:1.3;margin:0;text-decoration:none!important;text-decoration-color:transparent!important;text-decoration-line:none!important;text-decoration-thickness:0!important;text-underline-offset:.2rem}.talli-collection-quick-add__title:hover,.talli-collection-quick-add__title:focus-visible{border-bottom:0!important;text-decoration:none!important;text-decoration-color:transparent!important;text-decoration-line:none!important}.underline-links-hover:hover .talli-collection-quick-add__title{border-bottom:0!important;box-shadow:none!important;text-decoration:none!important;text-decoration-color:transparent!important;text-decoration-line:none!important;text-decoration-thickness:0!important}.talli-collection-quick-add__title:focus,.talli-collection-quick-add__title:focus-visible{box-shadow:none!important;outline:0!important}.talli-collection-quick-add__close{-webkit-appearance:none;-webkit-tap-highlight-color:transparent;align-items:center;appearance:none;background:transparent;border:0;border-radius:50%;color:currentColor;cursor:pointer;display:flex;flex:0 0 auto;height:var(--collection-quick-add-control-size, 44px);justify-content:center;margin:0;padding:0;position:absolute;right:0;top:0;transform:none!important;transition:none!important;touch-action:manipulation;width:var(--collection-quick-add-control-size, 44px);z-index:2}@media screen and (min-width:750px){.talli-collection-quick-add__close:before{background:transparent;border:1.5px solid #00433b;border-radius:50%;box-sizing:border-box;content:"";height:20px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background-color .35s cubic-bezier(.4,0,.2,1);width:20px}.talli-collection-quick-add[open].is-open .talli-collection-quick-add__close:before{background:rgb(var(--color-background))}}.talli-collection-quick-add__close .icon{display:block;height:16px;pointer-events:none;transform:none!important;transition:none!important;width:16px}.talli-collection-quick-add__close-icon--desktop{display:none}.talli-collection-quick-add__close:hover,.talli-collection-quick-add__close:hover .icon{background:transparent;transform:none!important}.talli-collection-quick-add__close:focus{box-shadow:none!important;outline:0!important}.talli-collection-quick-add__close:focus-visible{background:transparent;box-shadow:none!important;outline:.15rem solid rgba(0,67,59,.45)!important;outline-offset:-.7rem!important}@media screen and (min-width:750px){.talli-collection-quick-add__close .icon{color:#00433b;height:.95rem;position:relative;width:.95rem;z-index:1}}.talli-collection-quick-add__label{display:block;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.talli-collection-quick-add__options{display:grid;gap:1rem;margin-bottom:1.2rem}.talli-collection-quick-add__option-group{border:0;margin:0;min-width:0;padding:0}.talli-collection-quick-add__option-values{display:flex;flex-wrap:wrap;gap:.6rem}.talli-collection-quick-add__option-values input{clip:rect(0,0,0,0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.talli-collection-quick-add__option-values label{align-items:center;background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.38);border-radius:999px;cursor:pointer;display:inline-flex;font-size:1.1rem;justify-content:center;line-height:1.2;min-height:3.4rem;padding:.65rem 1rem;text-align:center}.talli-collection-quick-add__option-values input:checked+label{background:#00433b;border-color:#00433b;color:#fff}.talli-collection-quick-add__option-values input:focus-visible+label{box-shadow:0 0 0 .25rem #00433b33}.talli-collection-quick-add__option-values input:disabled+label,.talli-collection-quick-add__option-values label.is-unavailable{cursor:not-allowed;opacity:.38;text-decoration:line-through}.talli-collection-quick-add__select{margin-bottom:1.1rem;width:100%}.talli-collection-quick-add__select:before,.talli-collection-quick-add__select:after{content:none;display:none}.talli-collection-quick-add__select .select__select,.talli-collection-quick-add__quantity{background:transparent;border:.1rem solid rgba(var(--color-foreground),.18);border-radius:.8rem;box-shadow:none;box-sizing:border-box;font-size:1.2rem;height:3.5rem;min-height:3.5rem;padding:0 3.2rem 0 1rem;width:100%}.talli-collection-quick-add__select .select__select:focus{border-color:rgba(var(--color-foreground),.42);box-shadow:0 0 0 .2rem rgba(var(--color-foreground),.08);outline:none}.talli-collection-quick-add__quantity{margin-bottom:1.2rem;padding-right:1rem}.talli-collection-quick-add__footer{align-items:stretch;display:flex;flex-direction:column;gap:.7rem}.talli-collection-quick-add__price{font-size:1.25rem;font-weight:650;white-space:nowrap}.talli-collection-quick-add__add{--buttons-radius: .8rem;--buttons-radius-outset: .8rem;font-size:1.1rem;min-height:4.4rem;min-width:0;padding:0 1.2rem;white-space:nowrap;width:100%}.talli-collection-quick-add__add .loading__spinner{width:1.4rem}.talli-collection-quick-add__error{font-size:1.1rem;margin-top:.8rem}@media screen and (max-width:749px){.talli-collection-quick-add{animation:talli-collection-quick-add-enter .35s cubic-bezier(.22,1,.36,1) both;border:.1rem solid rgba(var(--color-foreground),.14);border-radius:1.2rem;bottom:calc(1.2rem + env(safe-area-inset-bottom));box-shadow:0 1.2rem 3.2rem rgba(var(--color-foreground),.16);left:50%;max-height:calc(100dvh - 2.4rem - env(safe-area-inset-bottom));max-width:none;overflow-y:auto;position:fixed;top:auto;transform:translate(-50%);width:calc(100vw - 2.4rem);z-index:20}.talli-collection-quick-add:focus{box-shadow:0 1.2rem 3.2rem rgba(var(--color-foreground),.16)}.quick-add__submit--icon .icon-collection-plus__surface,.quick-add__submit--icon:hover .icon-collection-plus__surface,.quick-add__submit--icon:focus .icon-collection-plus__surface,.quick-add__submit--icon:focus-visible .icon-collection-plus__surface{fill:rgba(var(--color-background),.06);transition:fill .32s ease}.quick-add__submit--icon:active .icon-collection-plus__surface{fill:#00433b1a;transition-duration:0ms}.quick-add--collection-icon>talli-collection-quick-add.is-quick-add-visual-open>.quick-add__submit--icon{pointer-events:none}.talli-collection-quick-add::backdrop{animation:talli-collection-quick-add-backdrop-enter .26s ease-out both;background:rgba(var(--color-foreground),.18)}.talli-collection-quick-add__inner{padding:1.4rem}.talli-collection-quick-add__close{right:.2rem;top:.2rem}.talli-collection-quick-add__close,.talli-collection-quick-add__close:hover,.talli-collection-quick-add__close:active,.talli-collection-quick-add__close:focus,.talli-collection-quick-add__close:focus-visible{background:transparent!important;box-shadow:none!important;outline:0!important}.talli-collection-quick-add__footer{align-items:stretch;display:flex;flex-direction:column;gap:.7rem}.talli-collection-quick-add__select .select__select,.talli-collection-quick-add__quantity,.talli-collection-quick-add__add{min-height:4.4rem}}@media screen and (min-width:750px){.quick-add--collection-icon{bottom:0;left:0;right:0}.related-products.is-collection-quick-add-open{z-index:21}.quick-add--collection-icon>talli-collection-quick-add.is-quick-add-visual-open .quick-add__submit--icon .icon-collection-plus__surface{fill:rgb(var(--color-background))}.quick-add--collection-icon>talli-collection-quick-add .quick-add__icon{transform:translate3d(-50%,-50%,0) rotate(0);transition:transform .35s cubic-bezier(.4,0,.2,1)}.quick-add--collection-icon>talli-collection-quick-add.is-quick-add-visual-open .quick-add__icon{transform:translate3d(-50%,-50%,0) rotate(45deg)}.talli-collection-quick-add,.talli-collection-quick-add:focus{background:transparent;box-shadow:none;overflow:visible}.talli-collection-quick-add[open]>.talli-collection-quick-add__inner{background:rgb(var(--color-background));border-radius:0 0 1.2rem 1.2rem;box-shadow:inset 1px 0 #00433b38,inset -1px 0 #00433b38,inset 0 -1px #00433b38,0 1.2rem 2.8rem rgba(var(--color-foreground),.11);box-sizing:border-box;clip-path:inset(0 0 100% 0 round 0 0 1.2rem 1.2rem);opacity:0;overflow:hidden;transition:clip-path .35s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1);width:100%}.talli-collection-quick-add[open].is-open>.talli-collection-quick-add__inner{clip-path:inset(0 0 0 0 round 0 0 1.2rem 1.2rem);opacity:1}.talli-collection-quick-add__close{display:none}.talli-collection-quick-add__header{padding-right:4.4rem}.talli-collection-quick-add__close .talli-collection-quick-add__close-icon--mobile{display:none}.talli-collection-quick-add.is-closing{pointer-events:none}}@keyframes talli-collection-quick-add-enter{0%{opacity:0;transform:translate(-50%,1.4rem) scale(.985)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes talli-collection-quick-add-backdrop-enter{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.talli-collection-quick-add,.talli-collection-quick-add__inner,.quick-add__submit--icon .quick-add__icon,.talli-collection-quick-add__close-icon--desktop,.talli-collection-quick-add__close:before,.talli-collection-quick-add::backdrop{animation:none!important;transition:none!important}}quick-add-modal .product-media-container.constrain-height{--viewport-offset: calc((var(--modal-height-offset) + var(--modal-padding) + var(--popup-border-width)) * 2)}@media screen and (min-width:750px){quick-add-modal .product-media-container.constrain-height{--constrained-min-height: 400px}}
/*# sourceMappingURL=/cdn/shop/t/81/assets/quick-add.css.map */