.udsr{--udsr-cream: #f8f5ed;--udsr-plum: #312230;--udsr-orange: #e75b2b;--udsr-line: #d9d0cf;background:var(--udsr-cream);color:var(--udsr-plum);padding:clamp(40px,6vw,88px) 24px;scroll-margin-top:110px}.udsr *,.udsr *:before,.udsr *:after{box-sizing:border-box}.udsr [hidden]{display:none!important}.udsr__inner{width:min(1240px,100%);margin:0 auto}.udsr__intro{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:32px}.udsr__intro-copy{max-width:760px}.udsr__eyebrow{margin:0 0 12px;font-size:12px;font-weight:750;line-height:1.5;letter-spacing:.12em;text-transform:uppercase}.udsr h1,.udsr h2{margin:0;color:inherit;font-size:clamp(34px,4.4vw,64px);line-height:1.06;letter-spacing:-.045em;font-weight:750;text-wrap:balance}.udsr__lead{max-width:66ch;margin:20px 0 0;font-size:clamp(16px,1.4vw,19px);line-height:1.6}.udsr__intro-actions{flex:0 0 250px;display:flex;flex-direction:column;gap:10px;align-items:stretch}.udsr__modes{display:flex;gap:6px}.udsr__modes>button{flex:1 1 0;padding-inline:10px}.udsr__modes [aria-pressed=true],.udsr__family-controls [aria-pressed=true]{background:var(--udsr-plum);color:#fff;opacity:1}.udsr__family-controls{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}.udsr__family-controls>button{flex:1 1 130px}.udsr__button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 18px;border:1px solid var(--udsr-plum);border-radius:7px;font:inherit;font-size:15px;line-height:1.35;font-weight:700;text-align:center;text-decoration:none;cursor:pointer;background:transparent;color:var(--udsr-plum)}.udsr__button span[aria-hidden]{margin-left:auto}.udsr__button--primary{background:var(--udsr-plum);color:#fff}.udsr__button--secondary{background:#fffaf3}.udsr__button--small{min-height:48px;padding:10px 14px;font-size:14px}.udsr__button--customize{width:100%;min-height:48px;margin-top:20px;padding:11px 12px;background:var(--udsr-plum);color:#fff;font-size:14px}.udsr__button:hover{background:#ede4e2}.udsr__modes [aria-pressed=true]:hover,.udsr__family-controls [aria-pressed=true]:hover,.udsr__button--primary:hover,.udsr__button--customize:hover{background:#51384d;color:#fff}.udsr__text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:6px 2px;color:var(--udsr-plum);font-size:14px;font-weight:650;text-underline-offset:4px}.udsr :is(a,button,summary):focus-visible{outline:3px solid var(--udsr-orange);outline-offset:4px}.udsr__experience{padding:12px;border:1px solid var(--udsr-line);border-radius:14px;background:#fffaf3}.udsr__poster{margin:0}.udsr__poster>img,.udsr__poster-canvas>img{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:contain;border-radius:7px;background:var(--udsr-cream)}.udsr__poster-canvas{position:relative}.udsr__poster-choice{position:absolute;left:var(--udsr-poster-left);top:32.63888889%;width:16.25%;height:49.30555556%;min-width:44px;min-height:44px;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;cursor:pointer}.udsr__poster-choice:hover{border-color:#3122303d}.udsr__poster figcaption{padding:12px 8px 0;font-size:13px;line-height:1.5}.udsr__mount{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:7px;background:var(--udsr-cream)}.udsr__mount iframe{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.udsr__player-feedback{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:56px;padding:12px 8px 0}.udsr__status{margin:0;max-width:76ch;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.udsr__player-actions{display:flex;flex-wrap:wrap;gap:8px;flex:0 0 auto}.udsr__context{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:20px 8px 8px;margin-top:16px;border-top:1px solid var(--udsr-line)}.udsr__current{display:flex;flex-direction:column;gap:5px;margin:0;flex:1 1 180px;font-size:16px;line-height:1.4}.udsr__current>span{font-size:12px}.udsr__view-actions{display:flex;flex-wrap:wrap;gap:8px}.udsr__button:disabled{opacity:.55;cursor:default}.udsr__view-actions .udsr__button[aria-pressed=true]{background:var(--udsr-plum);border-color:var(--udsr-plum);color:#fff;box-shadow:inset 0 0 0 1px #fff8;opacity:1}.udsr__section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin:40px 0 20px}.udsr__section-heading h3{margin:0;color:inherit;font-size:clamp(24px,2.5vw,34px);line-height:1.2;letter-spacing:-.03em}.udsr__section-heading p{margin:0;max-width:55ch;font-size:15px;line-height:1.5}.udsr__cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:12px}.udsr__card{min-width:0;border:1px solid var(--udsr-line);border-radius:10px;background:#fffaf3;overflow:clip}.udsr__card[open]{border-color:var(--udsr-plum)}.udsr__card-summary{display:flex;flex-direction:column;align-items:flex-start;position:relative;min-height:280px;padding:18px 14px 40px;list-style:none;cursor:pointer;scroll-margin-top:110px}.udsr__card-summary::-webkit-details-marker{display:none}.udsr__card-summary:focus-visible{outline-offset:-4px}.udsr__thumb{display:block;width:100%;height:132px;margin:0 0 16px;object-fit:contain}.udsr__card-label{display:flex;flex-direction:column;gap:6px}.udsr__card-name{font-size:17px;font-weight:750;line-height:1.25;letter-spacing:-.02em}.udsr__card-material{font-size:13px;line-height:1.4}.udsr__card-prompt{font-size:12px;font-weight:650;line-height:1.4;text-decoration:underline;text-underline-offset:3px}.udsr__expand{position:absolute;bottom:12px;right:14px;font-size:24px;line-height:1;font-weight:400}.udsr__card[open] .udsr__expand{transform:rotate(45deg)}.udsr__card-body{padding:0 14px 18px;border-top:1px solid var(--udsr-line)}.udsr__card-body>p{margin:16px 0;font-size:14px;line-height:1.55}.udsr__samples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.udsr__samples figure{margin:0;min-width:0}.udsr__samples img{display:block;width:100%;height:120px;object-fit:contain}.udsr__samples figcaption{display:flex;flex-direction:column;gap:4px;margin-top:10px;font-size:12px;line-height:1.4}.udsr__samples strong{font-weight:750}.udsr__samples figcaption>span{font-size:11px}.udsr__samples[data-showroom-reveal-ready]{--udsr-sample-height: 120px;position:relative;padding-top:var(--udsr-sample-height)}.udsr__samples[data-showroom-reveal-ready]>figure:first-child{grid-column:2;grid-row:1}.udsr__samples[data-showroom-reveal-ready]>figure:last-child{grid-column:1;grid-row:1}.udsr__samples[data-showroom-reveal-ready] .udsr__sample-image{position:absolute;inset:0 0 auto;width:100%;height:var(--udsr-sample-height)}.udsr__samples[data-showroom-reveal-ready] .udsr__sample-image img{width:100%;height:100%;object-fit:contain}.udsr__samples[data-showroom-reveal-ready] .udsr__sample-image--full{clip-path:inset(0 calc(100% - var(--udsr-reveal, 50%)) 0 0)}.udsr__samples[data-showroom-reveal-ready]:after{content:"";position:absolute;top:0;left:var(--udsr-reveal, 50%);width:2px;height:var(--udsr-sample-height);background:var(--udsr-plum);box-shadow:0 0 0 1px #fff9;transform:translate(-50%);pointer-events:none}.udsr__reveal-controls{margin-top:18px}.udsr__reveal-controls label{display:block;font-size:13px;font-weight:700;line-height:1.4}.udsr__reveal-range{display:block;width:100%;min-width:0;min-height:48px;margin:0;padding:0;accent-color:var(--udsr-plum);cursor:ew-resize}.udsr__reveal-endpoints{display:grid;grid-template-columns:1fr 1fr;gap:8px}.udsr__reveal-endpoints button{min-width:0;min-height:48px;padding:8px 5px;border:1px solid var(--udsr-line);border-radius:6px;background:#fffaf3;color:var(--udsr-plum);font:inherit;font-size:12px;font-weight:650;line-height:1.35;cursor:pointer}.udsr__reveal-endpoints button:hover{border-color:var(--udsr-plum)}.udsr__reveal-controls output{display:block;margin-top:10px;font-size:12px;line-height:1.4;font-variant-numeric:tabular-nums}.udsr__reveal-controls p{margin:10px 0 0;font-size:11px;line-height:1.5}.udsr__reveal-range:focus-visible{outline:3px solid var(--udsr-orange);outline-offset:2px;border-radius:4px}.udsr__print-guide{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:28px;padding:24px 0;border-bottom:1px solid var(--udsr-line)}.udsr__print-guide>div{border-left:3px solid var(--udsr-orange);padding-left:16px}.udsr__print-guide h3{margin:0 0 8px;color:inherit;font-size:19px;line-height:1.3}.udsr__print-guide p{margin:0;max-width:62ch;font-size:15px;line-height:1.6}.udsr__sample-note{max-width:100ch;margin:18px 0 0;font-size:13px;line-height:1.6}@media(prefers-reduced-motion:no-preference){.udsr__button{transition:background-color .14s ease,border-color .14s ease,color .14s ease,transform .12s ease}.udsr__button:active:not(:disabled){transform:translateY(1px)}.udsr__card{transition:border-color .14s ease}.udsr__expand{transition:transform .16s ease}.udsr__card[open] .udsr__card-body{animation:udsr-detail-reveal .18s ease-out}@keyframes udsr-detail-reveal{0%{opacity:.65;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}}@media(max-width:1100px){.udsr__intro{align-items:flex-start;gap:24px}.udsr__intro-actions{flex-basis:230px}.udsr__cards{grid-template-columns:repeat(3,minmax(0,1fr))}.udsr__samples img{height:160px}.udsr__samples[data-showroom-reveal-ready]{--udsr-sample-height: 160px}}@media(max-width:760px){.udsr{padding:40px 18px;scroll-margin-top:90px}.udsr__card-summary{scroll-margin-top:90px}.udsr__intro{display:block;margin-bottom:24px}.udsr__intro-actions{margin-top:22px;max-width:380px}.udsr__experience{padding:8px;border-radius:10px}.udsr__player-feedback{align-items:flex-start;flex-direction:column;gap:12px;padding:12px 4px 4px}.udsr__player-actions{width:100%}.udsr__player-actions .udsr__button{flex:1 1 auto}.udsr__context{align-items:stretch;flex-direction:column;padding:16px 4px 4px}.udsr__current{flex-basis:auto}.udsr__view-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.udsr__section-heading{display:block;margin-top:32px}.udsr__section-heading p{margin-top:10px}.udsr__cards{grid-template-columns:repeat(2,minmax(0,1fr))}.udsr__print-guide{gap:20px}}@media(max-width:520px){.udsr h1,.udsr h2{font-size:clamp(30px,8vw,42px)}.udsr__cards{grid-template-columns:1fr}.udsr__card-summary{flex-direction:row;align-items:center;gap:16px;min-height:126px;padding:16px 42px 16px 16px}.udsr__thumb{flex:0 0 76px;width:76px;height:90px;margin:0}.udsr__card-name{font-size:18px}.udsr__card-material,.udsr__card-prompt{font-size:13px}.udsr__expand{bottom:auto;top:50%;transform:translateY(-50%)}.udsr__card[open] .udsr__expand{transform:translateY(-50%) rotate(45deg)}.udsr__card-body{padding:0 16px 20px}.udsr__card-body>p{font-size:15px}.udsr__samples{gap:18px}.udsr__samples img{height:180px}.udsr__samples[data-showroom-reveal-ready]{--udsr-sample-height: 180px}.udsr__samples figcaption{font-size:14px}.udsr__samples figcaption>span{font-size:12px}.udsr__button--customize{font-size:15px}.udsr__print-guide{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.udsr *,.udsr *:before,.udsr *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.udsr__motion-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;transform-origin:center;backface-visibility:hidden}.udsr__motion-overlay--css{animation-duration:var(--udsr-motion-duration, .47s);animation-timing-function:cubic-bezier(.2,.7,.3,1);animation-fill-mode:forwards}.udsr__motion-overlay--css[data-showroom-motion=wipe]{animation-name:udsr-motion-wipe}.udsr__motion-overlay--css[data-showroom-motion=face]{animation-name:udsr-motion-face}.udsr__motion-overlay--css[data-showroom-motion=detail]{animation-name:udsr-motion-detail}.udsr__motion-overlay--css[data-showroom-motion=family]{animation-name:udsr-motion-family}.udsr__motion-overlay--css[data-showroom-motion=return]{animation-name:udsr-motion-return}@keyframes udsr-motion-wipe{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 0 100%)}}@keyframes udsr-motion-face{0%{opacity:1;transform:perspective(1000px) rotateY(0)}to{opacity:0;transform:perspective(1000px) rotateY(-5deg)}}@keyframes udsr-motion-detail{0%{opacity:1;transform:perspective(1000px) rotateX(0)}to{opacity:0;transform:perspective(1000px) rotateX(2deg) translateY(3px)}}@keyframes udsr-motion-family{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-14px)}}@keyframes udsr-motion-return{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.975)}}@media(prefers-reduced-motion:reduce){.udsr__motion-overlay{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/123/assets/ud-pick-showroom.css.map */