.shade-styler{font-family:var(--typeBasePrimary, Outfit),var(--typeBaseFallback, sans-serif);font-weight:var(--typeBaseWeight, 300);font-size:calc(var(--typeBaseSize, 19px) * .92);letter-spacing:var(--typeBaseSpacing, .025em);line-height:var(--typeBaseLineHeight, 1.4);-webkit-font-smoothing:antialiased;text-rendering:optimizeSpeed;padding-top:1.25rem;padding-bottom:1.5rem}@media screen and (min-width:769px){.shade-styler{font-size:var(--typeBaseSize, 19px)}}.shade-styler :is(button,input,select,textarea){font-family:inherit}.shade-styler__title{font-family:var(--typeHeaderPrimary, "Tenor Sans"),var(--typeHeaderFallback, sans-serif);font-weight:var(--typeHeaderWeight, 400);letter-spacing:var(--typeHeaderSpacing, 0);line-height:var(--typeHeaderLineHeight, 1);text-transform:uppercase}.shade-styler__subtitle,.shade-styler__step-instruction,.shade-styler__filter-note,.shade-styler__tag-note,.shade-styler__page-info,.shade-styler__page-range,.shade-styler__sort-label,.shade-styler__page-size-label,.shade-styler-card__vendor,.shade-styler-card__options-hint,.shade-styler__detail-link,.shade-styler__message{font-weight:var(--typeBaseWeight, 300)}.shade-styler__tab,.shade-styler__detail-label,.shade-styler__total-label,.shade-styler__variant-row label,.shade-styler__collection-filter-label,.shade-styler__preview-placeholder-text{font-family:var(--typeHeaderPrimary, "Tenor Sans"),var(--typeHeaderFallback, sans-serif);font-weight:var(--typeHeaderWeight, 400);letter-spacing:var(--typeHeaderSpacing, 0);text-transform:uppercase}.shade-styler-card__title{font-family:inherit;font-weight:var(--typeBaseWeight, 300);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;line-height:1.25}@media screen and (min-width:769px){.shade-styler-card__title{font-size:.75rem}}.shade-styler-card__price,.shade-styler__detail-price,.shade-styler__detail-value{font-weight:400}.shade-styler__total-value{font-family:var(--typeHeaderPrimary, "Tenor Sans"),var(--typeHeaderFallback, sans-serif);font-weight:var(--typeHeaderWeight, 400);letter-spacing:var(--typeHeaderSpacing, 0)}.shade-styler__header{margin-bottom:1.25rem}.shade-styler__title{margin-bottom:.5rem}.shade-styler__subtitle{margin:0;font-size:1rem;opacity:.9}.shade-styler__layout{display:grid;grid-template-columns:minmax(280px,38%) 1fr;gap:1.5rem;align-items:start}@media screen and (min-width:990px){.shade-styler__layout{--shade-styler-workspace-h: calc(100dvh - 10rem) ;min-height:var(--shade-styler-workspace-h)}.shade-styler__preview-column{position:sticky;top:1rem;max-height:calc(100dvh - 2rem);display:flex;flex-direction:column;gap:.5rem;min-height:0;overflow-y:auto;overscroll-behavior:contain}.shade-styler__preview{aspect-ratio:1 / 1;width:95%;max-width:24rem;margin-left:auto;margin-right:auto;height:auto;flex-shrink:0}.shade-styler__pairing-details{margin-top:0;padding-top:.5rem;display:grid;grid-template-columns:1fr 1fr;gap:.5rem .75rem;border-top:1px solid #e0e0e0}.shade-styler__detail{margin-bottom:0}.shade-styler__summary{margin-top:0;padding-top:.5rem;border-top:1px solid #e0e0e0;flex-shrink:0}.shade-styler__selector-column{display:flex;flex-direction:column;max-height:calc(100dvh - 2rem);position:sticky;top:1rem;min-height:0}.shade-styler__tab-bar,.shade-styler__tabs,.shade-styler__step-instruction,.shade-styler__filter-note,.shade-styler__grid-toolbar{flex-shrink:0}.shade-styler__panel.is-active{display:flex;flex-direction:column;flex:1;min-height:0;margin-bottom:0}.shade-styler__grid{flex:1;min-height:0;max-height:none;overflow-y:auto;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));align-content:start}.shade-styler-card{padding:.5rem}.shade-styler-card__title{font-size:.68rem}}@media screen and (max-width:989px){.shade-styler__layout{grid-template-columns:1fr}.shade-styler__preview-column{position:static!important;top:auto!important}.shade-styler__grid{--shade-styler-grid-gap: 1rem;--shade-styler-grid-row: 320px;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--shade-styler-grid-gap);grid-auto-rows:var(--shade-styler-grid-row);max-height:calc((var(--shade-styler-grid-row) * 2) + var(--shade-styler-grid-gap));overflow-y:auto!important;-webkit-overflow-scrolling:touch}}@media screen and (max-width:749px){.shade-styler__grid{--shade-styler-grid-row: 300px;grid-template-columns:repeat(2,minmax(0,1fr))}.shade-styler__tab-bar{flex-direction:column;align-items:stretch}.shade-styler__collection-filters{margin-bottom:.25rem}.shade-styler__collection-filter-row{justify-content:flex-end}.shade-styler__collection-filter{flex:1 1 auto;max-width:none}.shade-styler__page-range{flex-basis:100%;text-align:left}.shade-styler__grid-toolbar{flex-direction:column;align-items:stretch}.shade-styler__grid-toolbar-actions{justify-content:space-between}.shade-styler__page-size-label{justify-content:flex-end}}.shade-styler__preview-column{position:sticky;top:1rem}.shade-styler__preview{background:#f7f7f7;border-radius:8px;aspect-ratio:1 / 1;width:95%;max-width:24rem;margin-left:auto;margin-right:auto;position:relative;overflow:hidden}.shade-styler__preview-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.shade-styler__preview-group{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:0 0;will-change:transform}.shade-styler__preview-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.shade-styler__preview-layer--base{z-index:1}.shade-styler__preview-layer--shade{z-index:2}.shade-styler__preview-img{max-width:var(--shade-styler-shade-max-w, 70%);max-height:var(--shade-styler-shade-max-h, 70%);width:auto;height:auto;object-fit:contain;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.shade-styler__preview-layer--base .shade-styler__preview-img{max-width:var(--shade-styler-base-max-w, 70%);max-height:var(--shade-styler-base-max-h, 70%)}.shade-styler__preview-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:0}.shade-styler__preview-placeholder-text{font-size:1.1rem;color:#666}.shade-styler__pairing-details{margin-top:.5rem;padding-top:.5rem;border-top:1px solid #e0e0e0}.shade-styler__detail{margin-bottom:.35rem}.shade-styler__detail-label{display:block;font-size:.65rem;color:#666;margin-bottom:.1rem;line-height:1.2}.shade-styler__detail-value{font-size:.85rem;line-height:1.25}.shade-styler__detail-price{display:block;margin-top:.1rem;font-size:.85rem;line-height:1.2}.shade-styler__detail-link{display:inline-block;margin-top:.1rem;font-size:.8rem;line-height:1.2}.shade-styler__tag-note{max-width:48rem;margin:-1rem auto 1.5rem;padding:.75rem 1rem;font-size:.85rem;color:#555;background:#f0f0f0;border-radius:6px;text-align:center}.shade-styler__variant-slot{margin-top:.35rem}.shade-styler__variant-slot[hidden]{display:none!important}.shade-styler__no-compatible{margin:.5rem 0 0;font-size:.9rem;color:#b00020;line-height:1.4}.shade-styler__variant-row{margin-bottom:.2rem}.shade-styler__variant-row label{display:block;font-size:.6rem;color:#666;margin-bottom:.1rem;line-height:1.2}.shade-styler__variant-row select{width:100%;max-width:100%;font-size:.8rem;line-height:1.2;padding:.25rem .4rem}.shade-styler-card__options-hint{margin:.35rem 0 0;font-size:.75rem;color:#666}.shade-styler-card--unavailable{opacity:.45;pointer-events:none}.shade-styler__tab-bar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.35rem .75rem;margin-bottom:.5rem;border-bottom:1px solid #e0e0e0}.shade-styler__tab-bar .shade-styler__tabs{margin-bottom:0;border-bottom:none;flex:1 1 auto;min-width:0}.shade-styler__collection-filters{flex:0 1 auto;margin:0 0 .35rem}.shade-styler__collection-filter-row{display:flex;flex-direction:row;align-items:center;gap:.5rem}.shade-styler__collection-filter-row[hidden]{display:none!important}.shade-styler__collection-filter-label{margin:0;font-size:.8rem;color:#555;white-space:nowrap;line-height:1.2}.shade-styler__collection-filter{min-width:8.5rem;max-width:13rem;width:100%;font-size:.8rem;line-height:1.2;padding:.3rem .45rem}.shade-styler__tabs{display:flex;gap:0;margin-bottom:1rem;border-bottom:1px solid #e0e0e0}.shade-styler__tab{padding:.6rem 1rem;border:none;background:transparent;cursor:pointer;font-size:max(calc(var(--typeBaseSize, 19px) - 3px),13px);color:#666;border-bottom:2px solid transparent;margin-bottom:-1px}.shade-styler__tab:hover{color:#333}.shade-styler__tab.is-active{color:#000;border-bottom-color:#000;background:#f5f5f5}.shade-styler__step-instruction{margin:0 0 .5rem;font-size:.9rem;color:#555}.shade-styler__filter-note{margin:0 0 .5rem;font-size:.85rem;color:#666}.shade-styler__grid-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;margin:0 0 .5rem;padding:.35rem 0}.shade-styler__grid-toolbar[hidden]{display:none!important}.shade-styler__pagination{display:flex;align-items:center;gap:.35rem}.shade-styler__page-btn{min-width:2rem;height:2rem;padding:0 .5rem;border:1px solid #ccc;border-radius:4px;background:#fff;font-size:1.1rem;line-height:1;cursor:pointer;color:#333}.shade-styler__page-btn:hover:not(:disabled){border-color:#999;background:#f7f7f7}.shade-styler__page-btn:disabled{opacity:.4;cursor:not-allowed}.shade-styler__page-info{font-size:.8rem;color:#555;white-space:nowrap}.shade-styler__page-range{margin:0;flex:1 1 auto;font-size:.8rem;color:#666;text-align:center}.shade-styler__grid-toolbar-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem}.shade-styler__sort-label,.shade-styler__page-size-label{display:flex;align-items:center;gap:.35rem;margin:0;font-size:.8rem;color:#555;white-space:nowrap}.shade-styler__grid-sort,.shade-styler__page-size{font-size:.8rem;padding:.25rem .4rem;max-width:100%}.shade-styler__grid-sort{min-width:9rem}.shade-styler__page-size{min-width:3.5rem}.shade-styler__panel{display:none;margin-bottom:1.5rem}.shade-styler__panel.is-active{display:block}.shade-styler__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;max-height:60vh;overflow-y:auto}.shade-styler__empty{padding:2rem;text-align:center;color:#666}.shade-styler__catalog-status,.shade-styler__catalog-more{grid-column:1 / -1;padding:1.5rem;text-align:center;color:#666;font-size:.9rem}.shade-styler__catalog-more[hidden]{display:none}.shade-styler-card{border:2px solid transparent;border-radius:8px;padding:.75rem;cursor:pointer;transition:border-color .2s,box-shadow .2s;background:#fff}.shade-styler-card:hover{border-color:#ccc}.shade-styler-card.is-selected{border-color:#000;box-shadow:0 0 0 1px #000}.shade-styler-card--hidden{display:none}.shade-styler-card__image{position:relative;aspect-ratio:1;border-radius:6px;overflow:hidden;background:#f5f5f5}.shade-styler-card__img{width:100%;height:100%;object-fit:contain}.shade-styler-card__check{position:absolute;top:.5rem;right:.5rem;width:1.5rem;height:1.5rem;background:#000;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700}.shade-styler-card__info{margin-top:.5rem}.shade-styler-card__title{margin:0 0 .25rem}.shade-styler-card__vendor{margin:0;font-size:.8rem;color:#666}.shade-styler-card__price{margin:.25rem 0 0;font-size:.9rem}.shade-styler__summary{margin-top:.5rem;padding-top:.5rem;border-top:1px solid #e0e0e0}.shade-styler__total{margin-bottom:.5rem}.shade-styler__total-label{display:block;font-size:.65rem;color:#666;line-height:1.2;margin-bottom:.1rem}.shade-styler__total-value{font-size:1.2rem;line-height:1.2}.shade-styler__actions{display:flex;flex-wrap:wrap;gap:.5rem}.shade-styler__preview-column .shade-styler__btn{padding:.55rem .85rem;line-height:1.42}.shade-styler__btn--primary:disabled{opacity:.5;cursor:not-allowed}.shade-styler__message{margin-top:1rem;font-size:.9rem}.shade-styler__message--error{color:#c00}.shade-styler__message--success{color:#0a7c42}.shade-styler__proportion-note{margin-top:1rem;font-size:.9rem}.shade-styler__proportion-note--ok{color:#0a7c42}.shade-styler__proportion-note--warn{color:#9a6700}.shade-styler__proportion-note--neutral{color:#666}
/*# sourceMappingURL=/cdn/shop/t/65/assets/shade-styler.css.map */