.slb-artwork-browser [hidden],.slb-art-guide [hidden],[data-slb-art-guide-contact][hidden]{display:none!important}.slb-artwork-browser,.slb-art-guide{font-family:neue-haas-grotesk-text,sans-serif;font-size:16px;line-height:1.5;font-weight:400}.slb-artwork-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:24px}.slb-artwork-toolbar p{margin:0}.slb-artwork-sort{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.slb-artwork-sort select{max-width:100%;min-height:44px;border:1px solid currentColor;border-radius:0;padding:8px 28px 8px 12px;font:inherit;background:transparent;color:inherit}.slb-artwork-results{min-width:0}.slb-artwork-filter-panel{margin-bottom:32px}.slb-artwork-filter-panel summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;cursor:pointer;font-weight:500;padding:10px 0}.slb-artwork-filter-panel summary:after{content:"";width:8px;height:8px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin-right:4px;flex:0 0 8px}.slb-artwork-filter-panel[open]>summary:after{transform:rotate(225deg)}.slb-artwork-filter-panel fieldset,.slb-art-guide fieldset{border:0;margin:0 0 24px;padding:0;min-width:0}.slb-artwork-filter-panel legend{font-size:16px;font-weight:500;margin-bottom:12px}.slb-artwork-choice{display:flex;align-items:flex-start;gap:12px;min-height:44px;padding:10px 0;cursor:pointer}.slb-artwork-choice input{margin:3px 0 0;inline-size:18px;block-size:18px;flex:0 0 18px;accent-color:#53687c}.slb-artwork-choice>span{min-width:0;overflow-wrap:anywhere}.slb-artwork-choice .slb-artwork-option-count{margin-left:auto;white-space:nowrap}.slb-artwork-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.slb-artwork-chips:empty{display:none}.slb-artwork-action,.slb-artwork-chip,.slb-artwork-text-button,.slb-artwork-close{font:500 14px/1.4 neue-haas-grotesk-text,sans-serif;letter-spacing:0;text-transform:none;color:inherit;border-radius:0;cursor:pointer;max-width:100%;overflow-wrap:anywhere}.slb-artwork-action,.slb-artwork-chip{display:inline-flex;justify-content:center;align-items:center;text-align:center;min-height:44px;padding:10px 16px;border:1px solid #53687c;background:transparent;text-decoration:none}.slb-artwork-action--primary{min-height:52px;background:#53687c;color:#fefff2}.slb-artwork-chip{gap:8px}.slb-artwork-text-button,.slb-artwork-close{min-height:44px;padding:10px 0;border:0;background:transparent;text-decoration:underline;text-underline-offset:4px}.slb-artwork-actions{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;margin-top:24px}.slb-artwork-browser :focus-visible,.slb-art-guide :focus-visible{outline:2px solid #53687c;outline-offset:4px}.slb-art-guide{border:1px solid #53687c;padding:24px;width:min(820px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;background:#fff;color:#000;box-sizing:border-box}.slb-art-guide::backdrop{background:#0006}.slb-art-guide .slb-artwork-close{display:block;position:sticky;top:0;z-index:2;min-width:44px;margin-left:auto;padding:10px 8px;background:#fff}.slb-art-guide h2,.slb-art-guide h3{font-family:neue-haas-grotesk-display,sans-serif;font-weight:400;letter-spacing:0;line-height:1.15;text-transform:none}.slb-art-guide h2{font-size:clamp(28px,3vw,36px);margin:8px 0 16px}.slb-art-guide h3{font-size:28px;margin:0 0 16px}.slb-art-guide legend{font-size:20px;font-weight:500;line-height:1.35;margin-bottom:12px}.slb-art-guide p{margin:0 0 16px}.slb-art-guide .slb-artwork-progress{font-size:14px;margin-top:24px}.slb-art-guide .slb-artwork-message{margin:8px 0;color:#53687c}.slb-art-guide .slb-artwork-message:empty{display:none}.slb-art-guide .slb-artwork-privacy{font-size:14px;margin:24px 0 0}.slb-artwork-recommendations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.slb-artwork-recommendation{min-width:0}.slb-artwork-recommendation>a{display:block;color:inherit;text-decoration:none}.slb-artwork-recommendation img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff}.slb-artwork-recommendation h4{font:400 18px/1.3 neue-haas-grotesk-text,sans-serif;margin:12px 0 6px;letter-spacing:0}.slb-artwork-recommendation .slb-artwork-result-price,.slb-artwork-recommendation .slb-artwork-match-reason{font-size:14px;line-height:1.4;margin:0 0 8px}.slb-art-guide textarea{display:block;resize:vertical;width:100%;min-height:140px;font:inherit;border:1px solid #53687c;border-radius:0;padding:12px;box-sizing:border-box}.slb-artwork-handoff{margin:0 0 24px;padding:16px;border:1px solid #53687c}.slb-artwork-handoff pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}@media(min-width:990px){.slb-artwork-filter-panel [data-slb-filter-fields]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}}@media(max-width:599px){.slb-artwork-recommendations{grid-template-columns:1fr;gap:28px}.slb-artwork-recommendation img{max-height:280px}.slb-artwork-sort{width:100%}.slb-artwork-sort select{min-width:0;flex:1 1 160px}.slb-art-guide .slb-artwork-actions>.slb-artwork-action{width:100%}.slb-art-guide{padding:20px}}@media(prefers-reduced-motion:reduce){.slb-art-guide,.slb-artwork-browser{scroll-behavior:auto}}.slb-artwork-filter-panel .slb-artwork-sort{display:grid;gap:8px;margin:16px 0 24px}.slb-artwork-filter-panel .slb-artwork-sort label{font-weight:500}.slb-artwork-filter-panel .slb-artwork-sort select{width:100%;min-width:0}.slb-artwork-filter-panel .slb-artwork-sort{max-width:360px}.slb-artwork-filter-panel{border:0;padding:0;margin-bottom:24px}.slb-artwork-filter-panel .slb-artwork-sort .slb-artwork-action{justify-self:start}.slb-art-guide .slb-artwork-consultation-note{font-size:14px;margin:16px 0 0}.slb-art-guide .slb-artwork-saved-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;justify-items:start;max-width:520px;margin-top:8px;gap:8px 24px}.slb-artwork-toolbar{position:relative;justify-content:flex-start;align-items:start;gap:12px;margin-bottom:20px}.slb-artwork-search{flex:1 1 260px;max-width:540px}.slb-artwork-search input{width:100%;height:48px;border:1px solid #aab2b8;background:#fff;color:#000;border-radius:0;padding:12px 16px;font:inherit;box-sizing:border-box}.slb-artwork-toolbar>.slb-artwork-filter-panel{position:static;margin:0;flex:0 0 auto}.slb-artwork-filter-panel>summary{border:1px solid #aab2b8;min-height:48px;padding:12px 18px;box-sizing:border-box;gap:24px}.slb-artwork-filter-content{position:absolute;top:calc(100% + 12px);right:0;z-index:8;width:min(480px,100%);max-height:min(640px,70vh);max-height:min(640px,70dvh);overflow-y:auto;background:#fff;border:1px solid #aab2b8;box-shadow:0 10px 32px #00000014;padding:0 24px 20px;box-sizing:border-box}.slb-artwork-panel-top{display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;background:#fff;z-index:1;padding:16px 0 12px;border-bottom:1px solid #dce0e3}.slb-artwork-panel-top h2{font:400 24px/1.2 neue-haas-grotesk-display,sans-serif;letter-spacing:0;margin:0}.slb-artwork-filter-panel [data-slb-filter-fields]{display:block}.slb-artwork-filter-group{border-bottom:1px solid #dce0e3}.slb-artwork-filter-group>summary{padding:16px 0;font-size:18px;font-weight:400}.slb-artwork-filter-group>summary:after{transform:rotate(45deg)}.slb-artwork-filter-group[open]>summary:after{transform:rotate(225deg)}.slb-artwork-filter-group fieldset{margin-bottom:16px}.slb-artwork-filter-group .slb-artwork-sort{padding-bottom:20px}.slb-artwork-filter-group .slb-artwork-sort select{width:100%}.slb-artwork-palette{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.slb-artwork-palette .slb-artwork-choice{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:110px;padding:12px 8px;border:1px solid #dce0e3;text-align:center;font-size:14px;box-sizing:border-box}.slb-artwork-palette .slb-artwork-choice:has(input:checked){border-color:#53687c;background:#f1f4f6;box-shadow:inset 0 0 0 1px #53687c}.slb-artwork-palette .slb-artwork-choice input{position:absolute;top:8px;left:8px;width:16px;height:16px;margin:0}.slb-artwork-palette .slb-artwork-option-count{margin:0!important;font-size:12px}.slb-artwork-swatch{width:24px;height:24px;border-radius:50%;border:1px solid #0002}.slb-artwork-swatch[data-color=blue]{background:#53687c}.slb-artwork-swatch[data-color=green]{background:#78846c}.slb-artwork-swatch[data-color=warm]{background:linear-gradient(90deg,#bd9d60 50%,#c6b7a1 50%)}.slb-artwork-swatch[data-color=pink-violet]{background:linear-gradient(90deg,#c89db0 50%,#8b759e 50%)}.slb-artwork-result-count{font-size:14px;margin:0 0 20px}@media(max-width:599px){.slb-artwork-search{flex:1 1 100%;max-width:none}.slb-artwork-filter-content{width:100%;padding-inline:20px}.slb-artwork-filter-panel>summary{font-size:14px}}.slb-artwork-toolbar>.slb-artwork-filter-panel{position:relative;padding:0;border:0}.slb-artwork-filter-panel>summary{scroll-margin-top:110px}.slb-artwork-filter-content{width:480px;max-width:calc(100vw - 48px);max-height:calc(100dvh - 200px);top:calc(100% + 12px)}@media(max-width:599px){.slb-artwork-filter-content{left:0;right:auto;max-width:calc(100vw - 48px);width:calc(100vw - 48px)}}.slb-artwork-toolbar{justify-content:flex-end;align-items:center;gap:12px;flex-wrap:nowrap}.slb-artwork-toolbar>.slb-artwork-filter-panel{border:0;margin:0;padding:0;align-self:center}.slb-artwork-toolbar>.slb-artwork-filter-panel>summary{height:48px;min-height:48px;margin:0;padding:10px 18px;line-height:24px}.slb-artwork-search-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;padding:12px;border:0;background:transparent;color:inherit;cursor:pointer;box-sizing:border-box}.slb-artwork-search-toggle svg{width:24px;height:24px}.slb-artwork-search-toggle.is-active{box-shadow:inset 0 -2px #53687c}.slb-artwork-search{position:absolute;top:calc(100% + 12px);right:0;z-index:9;width:min(420px,100%);max-width:none;flex:none;box-shadow:0 8px 24px #00000014}@media(max-width:599px){.slb-artwork-filter-content{left:auto;right:0}.slb-artwork-search{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/slb-artwork-ux.css.map */