.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;top:0;left:0;width:100%;height:100%;background:rgba(var(--color-foreground),.4)}.quick-add-modal[open]{opacity:1;visibility:visible;z-index:101;transition:opacity .35s ease-out}.quick-add-modal[open]{opacity:1;visibility:visible;z-index:101}.quick-add-modal__content{position:fixed;top:0;right:0;bottom:0;width:95%;max-width:480px;background-color:rgb(var(--color-background));overflow-y:auto;transform:translate(100%);transition:transform .35s ease-out;display:flex;flex-direction:column;box-shadow:none;border:none;border-radius:0}.quick-add-modal[open] .quick-add-modal__content{transform:translate(0)}@media screen and (min-width:750px){.quick-add-modal__content{max-width:520px}}@media screen and (min-width:990px){.quick-add-modal__content{max-width:580px}}.quick-add-modal__content img{max-width:100%;display:block;margin:0;padding:0}.quick-add-modal__content-info{--modal-padding: 2rem;display:flex;flex-direction:column;padding:0 var(--modal-padding) var(--modal-padding) var(--modal-padding);padding-bottom:calc(var(--modal-padding) + 60px);flex:1;overflow-y:auto}.quick-add-modal__content-info>*{height:auto;max-width:100%;width:100%}.quick-add-modal__toggle{background-color:transparent;border:none;color:#121212;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:.5rem;z-index:5;min-width:4.4rem;min-height:4.4rem;position:sticky;top:3rem;margin:1.5rem 1.5rem 0 auto;flex-shrink:0;transition:opacity .2s ease}.quick-add-modal__toggle:hover{opacity:.7}.quick-add-modal__toggle .icon{height:auto;margin:0;width:1.8rem}.drawer__header{position:relative;background-color:rgb(var(--color-background));padding:1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:.1rem solid rgba(var(--color-foreground),.08)}.drawer__header-title{font-size:31.2px;color:rgb(var(--color-foreground));margin:0;font-family:Playfair Display,serif;letter-spacing:.05em}.quick-add-modal__close{background-color:transparent;border:none;color:#121212;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:.5rem;z-index:5;min-width:4.4rem;min-height:4.4rem;flex-shrink:0;transition:opacity .2s ease;margin-left:auto}.quick-add-modal__close:hover{opacity:.7}.quick-add-modal__close .icon{height:auto;margin:0;width:2.4rem}quick-add-modal .product:not(.featured-product) .product__view-details{display:block!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;max-width:480px!important;margin:0!important;padding:1.5rem 2rem!important;background-color:rgb(var(--color-background))!important;box-shadow:0 -4px 12px rgba(var(--color-foreground),.1)!important;z-index:10!important;text-align:center!important;text-decoration:none!important;background-color:#142924!important;color:#fff!important;font-family:Playfair Display,serif!important;font-weight:400!important;font-size:1.3rem!important;text-transform:uppercase!important;letter-spacing:.05em!important;border-radius:0!important;transition:background-color var(--duration-short) ease!important;border:none!important}quick-add-modal .product:not(.featured-product) .product__view-details:hover{background-color:#0d1f2d!important;text-decoration:none!important;color:#fff!important}quick-add-modal .product:not(.featured-product) .product__view-details svg{display:none!important}@media screen and (min-width:480px){quick-add-modal .product:not(.featured-product) .product__view-details{max-width:480px!important}}@media screen and (min-width:750px){quick-add-modal .product:not(.featured-product) .product__view-details{max-width:520px!important}}@media screen and (min-width:990px){quick-add-modal .product:not(.featured-product) .product__view-details{max-width:580px!important}}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%;margin:0;padding:0}quick-add-modal .product__media-list{margin:0;padding:0}quick-add-modal .product__media-wrapper{margin:0;padding:0}quick-add-modal .product__column-sticky{top:0;position:relative}quick-add-modal .product:not(.product--no-media) .product__media-wrapper,quick-add-modal .product:not(.product--no-media) .product__info-wrapper{max-width:100%;width:100%;padding-left:0}quick-add-modal .product:not(.product--no-media) .product__info-wrapper{padding-top:1.5rem}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;font-family:Playfair Display,serif}.quick-add__view-product{margin-bottom:.8rem;transition:background-color var(--duration-short) ease;font-family:Playfair Display,serif}.quick-add .button+modal-opener .button,.quick-add .button+.quick-add__submit{margin-top:.8rem}quick-add-modal .product--columns .product__media-item:not(.product__media-item--single):not(:only-child){max-width:100%;width:100%}quick-add-modal .button{font-family:Playfair Display,serif;font-weight:400}@media screen and (max-width:749px){.grid--2-col-tablet-down .quick-add{margin:0}.grid--2-col-tablet-down .quick-add__submit{font-size:1.3rem}quick-add-modal .slider .product__media-item.grid__item{margin-left:1.5rem;margin-right:1.5rem}quick-add-modal .product--mobile-columns .product__media-item{width:calc(100% - 3rem - var(--grid-mobile-horizontal-spacing))}}.custom-badge{position:absolute;z-index:1;top:0;left:0;text-transform:uppercase}
/*# sourceMappingURL=/cdn/shop/t/106/assets/quick-add.css.map */
