:root{--quote-bg: var(--tertiary-color, var(--tertiary-color));--quote-text: var(--primary-color, var(--primary-color));--quote-subtext: var(--secondary-color, var(--secondary-color));--quote-border: var(--septenary-color, var(--septenary-color));--quote-btn-bg: var(--primary-color, #30394a);--quote-btn-text: var(--tertiary-color, var(--tertiary-color));--quote-pill-bg: var(--secondary-color, #6a615a);--quote-progress-track: #f0f0f0;--quote-progress-fill: #cfd8c4;--quote-heading-font: var(--font-heading-family, inherit);--quote-body-font: var(--font-body-family, inherit);--quote-popup-title-size: var(--medium_body, 20px);--quote-popup-title-line: var(--medium_body-line, 22px);--quote-item-title-size: var(--body, 14px);--quote-item-title-line: var(--body-line, 18px);--quote-info-size: var(--body, 14px);--quote-info-line: var(--body-line, 18px);--quote-summary-size: var(--small_body, 12px);--quote-summary-line: var(--small_body-line, 14px);--quote-small-size: var(--small_body, 12px);--quote-small-line: var(--small_body-line, 14px)}.quote-popup,.quote-page,.quote-cart,.quote-contact-page,.submit-quote-request,.template-submit-quote-request{font-family:var(--quote-body-font)}.quote-popup h1,.quote-popup h2,.quote-popup h3,.quote-popup h4,.quote-page h1,.quote-page h2,.quote-page h3,.quote-page h4,.quote-contact-page h1,.quote-contact-page h2,.quote-contact-page h3,.quote-contact-page h4,.submit-quote-request h1,.submit-quote-request h2,.submit-quote-request h3,.submit-quote-request h4,.template-submit-quote-request h1,.template-submit-quote-request h2,.template-submit-quote-request h3,.template-submit-quote-request h4{font-family:var(--quote-heading-font);color:var(--quote-text)}.quote-popup{position:fixed;right:0;bottom:0;left:0;z-index:9999999999!important;isolation:isolate;display:none;background:transparent}.quote-popup.hidden{display:none}.quote-box{width:100%;max-width:100%;margin:0;border-top:1px solid var(--quote-border);background:var(--quote-bg);color:var(--quote-text);box-shadow:0 -8px 24px #1212101f;overflow:hidden;transition:transform .25s ease}.quote-box.collapsed .quote-content{display:none}.quote-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:73px;padding:15px 28px 12px;border-bottom:1px solid var(--quote-border);background:var(--quote-bg);cursor:default}.block_quote-header-title{display:inline-flex;align-items:center;gap:14px;min-width:0}.main-qute-text{color:var(--quote-text);font-family:var(--quote-heading-font);font-size:var(--quote-popup-title-size);line-height:var(--quote-popup-title-line);font-weight:var(--font-heading-weight, 400);white-space:nowrap}.quote-count-info{display:inline-flex;align-items:center;gap:3px;min-height:24px;padding:3px 12px;border-radius:999px;background:var(--plum_truffle_color);color:var(--quote-btn-text);font-family:var(--quote-body-font);font-size:var(--small_body, 10px);line-height:var(--small_body-line, 10px);font-weight:500;white-space:nowrap}.quote-count-info .quote-count{display:inline}.quote-header-actions{display:inline-flex;align-items:center;gap:24px;margin-left:auto}.quote-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:56px;padding:0 24px;border-radius:999px;border:1px solid var(--quote-btn-bg);background:#30394a;color:var(--quote-btn-text);font-family:var(--quote-body-font);font-size:var(--quote-info-size);line-height:var(--small_body-line, 14px);font-weight:600;text-decoration:none;white-space:nowrap;transition:opacity .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease}.quote-btn svg{width:16px;height:16px}.quote-btn:hover{opacity:.86}.quote-close{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:0;background:transparent;color:var(--quote-text);cursor:pointer}.quote-close svg{width:16px;height:16px}.arrow,.quote-footer{display:none}.quote-content{position:relative;padding:18px 28px 16px;background:var(--quote-bg)}.quote-swiper{width:100%;overflow:hidden;padding:0;box-sizing:border-box}.quote-swiper.swiper{margin:0}.block_quote-popup-info-inner{width:100%}.block_quote-popup-info-inner.swiper-wrapper{display:flex;align-items:stretch;gap:0;width:100%;height:auto;padding:0;overflow:visible;box-sizing:content-box;transition-property:transform}.quote-item{position:relative;display:grid;grid-template-columns:64px minmax(150px,1fr);gap:12px;align-items:start;padding:0;border:0;background:transparent}.quote-item.swiper-slide{flex:0 0 auto;width:260px;min-width:260px;max-width:290px;height:auto;flex-shrink:0}.block_quote-popup-info-inner:not(.swiper-wrapper) .quote-item{width:100%;min-width:0;max-width:none}.quote-img-frame{width:64px;aspect-ratio:1 / 1;height:auto;position:relative;border-radius:8px;background:var(--product-image-background, #F4F4F4);overflow:hidden}.quote-item--linked .quote-img-frame{width:52px}.quote-img{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;display:block;object-fit:contain;border-radius:8px}.quote-info{min-width:0;color:var(--quote-subtext);font-family:var(--quote-body-font);font-size:var(--quote-info-size);line-height:var(--quote-info-line)}.quote-title{margin:0 0 6px;color:var(--quote-text);font-family:var(--quote-heading-font);font-size:var(--quote-item-title-size);line-height:var(--quote-item-title-line);font-weight:var(--font-heading-weight, 400);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quote-options{display:grid;gap:4px}.quote-option{display:block;color:var(--quote-subtext);font-family:var(--quote-body-font);font-size:var(--small_body, 12px);line-height:var(--quote-small-line);font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quote-option-key{color:var(--quote-text);font-weight:500}.quote-option-value{color:var(--quote-subtext)}.quote-option.quote-option--summary,.quote-option.quote-option--summary .quote-option-key,.quote-option.quote-option--summary .quote-option-value,.quote-option.quote-option--summary strong{color:var(--quote-subtext);font-size:var(--quote-summary-size);line-height:var(--quote-summary-line);font-weight:400}.quote-option--color-texture,.quote-option--appearance{display:inline-flex;align-items:center;gap:8px;max-width:100%}.quote-option-swatch{display:inline-flex;width:14px;height:14px;flex:0 0 14px;border-radius:50%;border:1px solid rgba(18,18,16,.12);background:currentColor;overflow:hidden;vertical-align:middle}.quote-option-swatch img{display:block;width:100%;height:100%;object-fit:cover}.quote-more-content{display:grid;gap:4px}.quote-more-content[hidden]{display:none}.quote-more-toggle{display:inline-flex;align-items:center;gap:5px;width:fit-content;margin-top:2px;padding:0;border:0;background:transparent;color:var(--quote-subtext);font-family:var(--quote-body-font);font-size:var(--quote-small-size);line-height:var(--quote-small-line);cursor:pointer;text-decoration:underline;text-underline-offset:2px;display:none}.quote-more-toggle .quote-arrow{display:inline-block;width:10px;height:6px;transition:transform .2s ease}.quote-more-toggle .quote-arrow.is-open{transform:rotate(180deg)}.quote-qty{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:64px;min-height:24px;margin-top:10px;padding:0 8px;border:1px solid var(--quote-border);border-radius:999px;background:var(--quote-bg);color:var(--quote-text)}.quote-qty button{display:inline-flex;align-items:center;justify-content:center;width:14px;height:20px;padding:0;border:0;background:transparent;color:var(--quote-text);font-size:var(--body, 14px);line-height:1;cursor:pointer}.quote-qty span{min-width:12px;color:var(--quote-text);font-family:var(--quote-body-font);font-size:var(--quote-small-size);line-height:1;text-align:center}.quote-item-actions{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;min-height:24px;width:112px}.quote-item-actions .quote-qty{margin-top:0}.quote-remove-item{display:inline-flex;align-items:center;justify-content:center;width:22px;height:24px;min-width:22px;padding:3px;border:0;background:transparent;color:var(--quote-text);cursor:pointer;opacity:.72;transform:translateY(-1px)}.quote-remove-item:hover,.quote-remove-item:focus-visible{opacity:1}.quote-popup-remove-icon{display:inline-block;width:14px;height:14px;line-height:0}.quote-popup-remove-icon svg{display:block;width:100%;height:100%}.quote-actions{display:none}.quote-empty{margin:0;color:var(--quote-subtext);font-family:var(--quote-body-font);font-size:var(--quote-info-size);line-height:var(--quote-info-line)}.quote-swiper-progressbar,.quote-content .swiper-pagination-progressbar,.quote-content .swiper-horizontal>.swiper-pagination-progressbar,.quote-content .swiper-pagination-progressbar.swiper-pagination-horizontal{position:relative;top:auto;right:auto;bottom:auto;left:auto;width:100%;height:4px;margin-top:18px;border-radius:999px;background:var(--quote-progress-track);overflow:hidden}.quote-swiper-progressbar .swiper-pagination-progressbar-fill,.quote-content .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{height:100%;border-radius:999px;background:var(--quote-progress-fill);transform-origin:left top}.quote-swiper-button,.quote-swiper-button-prev,.quote-swiper-button-next,.swiper-button-prev,.swiper-button-next,.quotepopup-product-moreitem-outer{display:none}.quote-page,.quote-cart,.quote-contact-page,.submit-quote-request,.template-submit-quote-request{color:var(--quote-text);background:var(--quote-bg)}.quote-page .quote-title,.quote-cart .quote-title,.quote-contact-page .quote-title,.submit-quote-request .quote-title,.template-submit-quote-request .quote-title{font-family:var(--quote-heading-font);font-size:var(--quote-item-title-size);line-height:var(--quote-item-title-line);color:var(--quote-text)}.quote-page .quote-info,.quote-cart .quote-info,.quote-contact-page .quote-info,.submit-quote-request .quote-info,.template-submit-quote-request .quote-info,.quote-page .quote-option,.quote-cart .quote-option,.quote-contact-page .quote-option,.submit-quote-request .quote-option,.template-submit-quote-request .quote-option{font-family:var(--quote-body-font);font-size:var(--quote-small-size);line-height:var(--quote-small-line);color:var(--quote-subtext)}.quote-page input,.quote-page select,.quote-page textarea,.quote-contact-page input,.quote-contact-page select,.quote-contact-page textarea,.submit-quote-request input,.submit-quote-request select,.submit-quote-request textarea,.template-submit-quote-request input,.template-submit-quote-request select,.template-submit-quote-request textarea{font-family:var(--quote-body-font);color:var(--quote-text);border-color:var(--quote-border)}.quote-option.quote-option--summary,.quote-option.quote-option--summary strong,.quote-option.quote-option--summary .quote-option-key,.quote-option.quote-option--summary .quote-option-value{font-size:var(--small_body, 12px);line-height:var(--small_body-line, 14px);font-weight:400;color:var(--quote-subtext, var(--secondary-color, var(--secondary-color)))}@media(max-width:768px){:root{--quote-popup-title-size: var(--medium_light-body, 18px);--quote-popup-title-line: var(--medium_small-body-line, 20px);--quote-item-title-size: var(--body, 14px);--quote-item-title-line: var(--body-line, 18px);--quote-info-size: var(--body, 14px);--quote-info-line: var(--body-line, 18px)}.quote-header{min-height:70px;padding:14px 16px 10px;gap:12px}.block_quote-header-title{gap:8px}.quote-header-actions{gap:12px}.quote-btn{min-height:40px;padding:0 16px}.quote-content{padding:14px 16px 16px}.quote-item.swiper-slide{width:235px;min-width:235px;max-width:250px}.quote-popup{padding:0}}@media(max-width:480px){.quote-header-actions{gap:8px}.quote-btn span{display:none}.quote-btn{width:42px;min-width:42px;padding:0}.quote-item{grid-template-columns:58px minmax(130px,1fr);gap:10px}.quote-img-frame{width:58px;height:auto}.quote-item--linked .quote-img-frame{width:48px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/quote-popup.css.map */