:root{--br-ink: #17202b;--br-ink-muted: #68717d;--br-ink-subtle: #949ca6;--br-blue: #274c77;--br-blue-dark: #1d3a5d;--br-blue-soft: #eaf1f8;--br-canvas: #e9e5df;--br-surface: #ffffff;--br-surface-soft: #f8f7f5;--br-surface-tint: #f1efeb;--br-line: #e6e2dc;--br-line-strong: #d6d0c8;--br-success: #2f7d5b;--br-danger: #b44343;--br-radius-xs: 8px;--br-radius-sm: 12px;--br-radius-md: 18px;--br-radius-lg: 24px;--br-radius-xl: 30px;--br-shadow-window: 0 32px 90px rgba(20, 25, 31, .25), 0 4px 16px rgba(20, 25, 31, .08);--br-shadow-card: 0 8px 24px rgba(30, 35, 42, .07);--br-shadow-float: 0 12px 32px rgba(30, 35, 42, .13);--br-ease: cubic-bezier(.2, .7, .2, 1);--br-font: inherit}#br-3d-viewer.br-3d-viewer{position:fixed;z-index:999999;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:28px;color:var(--br-ink);font-family:var(--br-font);font-size:14px;line-height:1.45;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility 0s linear .28s}#br-3d-viewer.br-3d-viewer.is-open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}#br-3d-viewer *,#br-3d-viewer *:before,#br-3d-viewer *:after{box-sizing:border-box}#br-3d-viewer button,#br-3d-viewer input,#br-3d-viewer select{font:inherit}#br-3d-viewer button{-webkit-tap-highlight-color:transparent}.br-3d-viewer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0b11189e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:opacity .32s ease}.br-3d-viewer.is-open .br-3d-viewer__overlay{opacity:1}.br-3d-viewer__window{position:relative;z-index:1;display:flex;flex-direction:column;width:min(1520px,96vw);height:min(920px,92vh);min-height:560px;overflow:hidden;isolation:isolate;background:var(--br-surface-soft);border:1px solid rgba(255,255,255,.5);border-radius:var(--br-radius-xl);box-shadow:var(--br-shadow-window);opacity:0;transform:translateY(16px) scale(.985);transition:opacity .34s var(--br-ease),transform .34s var(--br-ease)}.br-3d-viewer.is-open .br-3d-viewer__window{opacity:1;transform:translateY(0) scale(1)}.brstudio__header{display:grid;grid-template-columns:minmax(160px,1fr) auto minmax(160px,1fr);align-items:center;min-height:84px;padding:14px 24px;flex:0 0 auto;background:#fffffff5;border-bottom:1px solid var(--br-line)}.brstudio__logo{display:inline-flex;flex-direction:column;justify-self:start;color:var(--br-blue);font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:800;letter-spacing:.17em;line-height:1;text-transform:uppercase}.brstudio__logo-top{letter-spacing:.19em}.brstudio__logo-bottom{margin-top:4px;color:var(--br-ink);font-size:8px;letter-spacing:.36em}.brstudio__title{min-width:0;text-align:center}.brstudio__title h2{margin:0;color:var(--br-ink);font-size:17px;font-weight:650;letter-spacing:-.015em;line-height:1.2}.brstudio__title p{margin:4px 0 0;color:var(--br-ink-muted);font-size:11px;letter-spacing:.03em}.brstudio__close{display:inline-flex;align-items:center;justify-content:center;justify-self:end;gap:8px;min-width:42px;height:42px;padding:0 13px;color:var(--br-ink);background:transparent;border:1px solid transparent;border-radius:999px;cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s var(--br-ease)}.brstudio__close svg{width:17px;height:17px;flex:0 0 auto}.brstudio__close span{font-size:12px;font-weight:600}.brstudio__close:hover{background:var(--br-surface-tint);border-color:var(--br-line);transform:translateY(-1px)}.brstudio__close:active{transform:translateY(0)}.brstudio__products-bar{position:relative;flex:0 0 auto;min-height:136px;padding:16px 24px;overflow:hidden;background:var(--br-surface-soft);border-bottom:1px solid var(--br-line)}.brstudio__products-bar:before,.brstudio__products-bar:after{position:absolute;z-index:2;top:0;bottom:0;width:32px;pointer-events:none;content:""}.brstudio__products-bar:before{left:0;background:linear-gradient(90deg,var(--br-surface-soft),transparent)}.brstudio__products-bar:after{right:0;background:linear-gradient(270deg,var(--br-surface-soft),transparent)}.brstudio__products-track{display:flex;align-items:stretch;gap:12px;height:104px;overflow-x:auto;overflow-y:hidden;padding:0 1px 5px;scrollbar-width:thin;scrollbar-color:var(--br-line-strong) transparent;scroll-behavior:smooth;scroll-snap-type:x proximity;overscroll-behavior-inline:contain}.brstudio__products-track::-webkit-scrollbar{height:5px}.brstudio__products-track::-webkit-scrollbar-thumb{background:var(--br-line-strong);border-radius:99px}.brstudio__products-track::-webkit-scrollbar-track{background:transparent}.brstudio__products-track .brstudio__product,.brstudio__product{position:relative;display:grid;grid-template-columns:92px minmax(98px,1fr);grid-template-rows:1fr;align-items:center;gap:12px;flex:0 0 230px;min-width:0;min-height:98px;padding:9px;overflow:hidden;color:var(--br-ink);text-align:left;background:var(--br-surface);border:1px solid var(--br-line);border-radius:var(--br-radius-md);cursor:pointer;scroll-snap-align:start;transition:border-color .2s ease,box-shadow .2s ease,transform .2s var(--br-ease),background .2s ease}.brstudio__products-track .brstudio__product:hover,.brstudio__product:hover{border-color:var(--br-line-strong);box-shadow:var(--br-shadow-card);transform:translateY(-2px)}.brstudio__products-track .brstudio__product.active,.brstudio__product.active{background:#fcfdff;border-color:var(--br-blue);box-shadow:0 0 0 1px var(--br-blue),var(--br-shadow-card)}.brstudio__products-track .brstudio__product.active:after,.brstudio__product.active:after{position:absolute;top:10px;right:10px;width:7px;height:7px;background:var(--br-blue);border-radius:50%;content:""}.brstudio__product img{width:92px;height:78px;object-fit:cover;background:var(--br-surface-tint);border-radius:var(--br-radius-sm)}.brstudio__product>div{min-width:0}.brstudio__product h4{margin:0;overflow:hidden;color:var(--br-ink);font-size:13px;font-weight:650;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.brstudio__product span{display:block;margin-top:4px;overflow:hidden;color:var(--br-ink-muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.brstudio__product i{display:none}.brstudio__body{display:grid;grid-template-columns:minmax(270px,308px) minmax(0,1fr);flex:1 1 auto;min-height:0;overflow:hidden;background:var(--br-canvas)}.brstudio__sidebar{min-width:0;padding:26px 22px 32px;overflow-x:hidden;overflow-y:auto;background:var(--br-surface);border-right:1px solid var(--br-line);scrollbar-width:thin;scrollbar-color:var(--br-line-strong) transparent}.brstudio__sidebar::-webkit-scrollbar{width:6px}.brstudio__sidebar::-webkit-scrollbar-thumb{background:var(--br-line-strong);border-radius:99px}.brstudio__section{position:relative}.brstudio__section+.brstudio__section{margin-top:30px;padding-top:28px;border-top:1px solid var(--br-line)}.brstudio__section h3{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px;color:var(--br-ink);font-size:11px;font-weight:700;letter-spacing:.13em;line-height:1.2;text-transform:uppercase}.brstudio__section h3:after{width:5px;height:5px;margin-left:12px;background:var(--br-blue);border-radius:50%;content:""}.brstudio__materials,.brstudio__environments{display:grid;gap:10px}.brstudio__materials{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.brstudio__materials>button,.brstudio__material{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:8px;min-height:112px;padding:8px}.brstudio__materials>button:after,.brstudio__material:after{position:absolute;top:12px;right:12px;width:16px;height:16px;background:var(--br-surface);border:1px solid var(--br-line-strong);border-radius:50%;box-shadow:0 1px 3px #14191f1f;content:""}.brstudio__materials>button.active:after,.brstudio__material.active:after{background:var(--br-blue);border-color:var(--br-blue);box-shadow:inset 0 0 0 4px var(--br-surface),0 1px 3px #14191f1f}.brstudio__materials>button,.brstudio__environments>button,.brstudio__material,.brstudio__environment{display:flex;align-items:center;gap:11px;width:100%;min-height:54px;padding:7px;color:var(--br-ink);text-align:left;background:var(--br-surface);border:1px solid var(--br-line);border-radius:var(--br-radius-sm);cursor:pointer;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s var(--br-ease)}.brstudio__materials>button:hover,.brstudio__environments>button:hover,.brstudio__material:hover,.brstudio__environment:hover{border-color:var(--br-line-strong);background:var(--br-surface-soft);transform:translateY(-1px)}.brstudio__materials>button.active,.brstudio__environments>button.active,.brstudio__material.active,.brstudio__environment.active{color:var(--br-blue);background:var(--br-blue-soft);border-color:var(--br-blue);box-shadow:0 0 0 1px var(--br-blue)}.brstudio__material img,.brstudio__material-swatch,.brstudio__materials>button img{width:100%;height:68px;flex:0 0 68px;object-fit:cover;background:var(--br-surface-tint);border:1px solid rgba(0,0,0,.05);border-radius:var(--br-radius-sm)}.brstudio__environment img,.brstudio__environment-thumb,.brstudio__environments>button img{width:58px;height:38px;flex:0 0 58px;object-fit:cover;background:var(--br-surface-tint);border-radius:var(--br-radius-xs)}.brstudio__material span,.brstudio__environment span,.brstudio__materials>button span,.brstudio__environments>button span{overflow:hidden;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.brstudio__materials>button span,.brstudio__material span{padding:0 2px 1px;font-size:11px}.brstudio__environments{gap:8px}.brstudio__environments>button,.brstudio__environment{position:relative;min-height:62px;padding:6px;border-radius:14px}.brstudio__environments>button.active,.brstudio__environment.active{box-shadow:0 0 0 1px var(--br-blue),0 6px 16px #274c771f}.brstudio__environment img,.brstudio__environment-thumb,.brstudio__environments>button img{width:78px;height:48px;flex:0 0 78px}.brstudio__environment:after,.brstudio__environments>button:after{position:absolute;right:10px;width:7px;height:7px;background:transparent;border:1px solid var(--br-line-strong);border-radius:50%;content:""}.brstudio__environment.active:after,.brstudio__environments>button.active:after{background:var(--br-blue);border-color:var(--br-blue)}.brstudio__products{display:flex;flex-direction:column;gap:10px}.brstudio__sidebar .brstudio__product{grid-template-columns:64px minmax(0,1fr);flex-basis:auto;width:100%;min-height:72px;padding:7px}.brstudio__sidebar .brstudio__product img{width:64px;height:56px}.brstudio__viewer{position:relative;min-width:0;min-height:0;overflow:hidden;background:radial-gradient(circle at 50% 35%,#ffffffd6,#fff0 45%),linear-gradient(135deg,#f3f0eb,#e5e0d9)}.brstudio__viewer:before{position:absolute;z-index:0;right:-12%;bottom:-30%;width:72%;aspect-ratio:1;background:radial-gradient(ellipse,rgba(184,171,153,.19),transparent 68%);border-radius:50%;pointer-events:none;content:""}.brstudio__viewer:after{position:absolute;z-index:0;top:22px;left:24px;width:74px;height:1px;background:#274c7747;box-shadow:12px 12px #274c7729,24px 24px #274c7717;pointer-events:none;content:""}.br-three-canvas{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:grab;touch-action:none}.br-three-canvas:active{cursor:grabbing}.br-three-canvas canvas{display:block;width:100%!important;height:100%!important;outline:0}.brstudio__viewer-controls{position:absolute;z-index:3;right:22px;bottom:22px;display:grid;gap:7px}.brstudio__viewer-control{display:grid;width:40px;height:40px;padding:0;color:var(--br-ink);place-items:center;background:#ffffffeb;border:1px solid rgba(255,255,255,.8);border-radius:50%;box-shadow:var(--br-shadow-float);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:color .2s ease,background .2s ease,transform .2s var(--br-ease)}.brstudio__viewer-control:hover{color:#fff;background:var(--br-blue);transform:translateY(-2px)}.br-three-canvas .brstudio__loading,.br-three-canvas .brstudio__empty-state{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--br-ink-muted);font-size:12px;text-align:center}.br-three-canvas .brstudio__loading:before{width:28px;height:28px;margin:auto;border:2px solid var(--br-line-strong);border-top-color:var(--br-blue);border-radius:50%;animation:br-spin .75s linear infinite;content:""}.brstudio__footer{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:78px;padding:13px 24px;flex:0 0 auto;background:var(--br-surface);border-top:1px solid var(--br-line)}.brstudio__toolbar{display:flex;align-items:center;gap:8px;min-width:0}.brstudio__footer:before{position:absolute;top:50%;left:14px;width:8px;height:8px;background:var(--br-success);border:2px solid #dcefe6;border-radius:50%;transform:translateY(-50%);content:""}.brstudio__tool{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;color:var(--br-ink);font-size:12px;font-weight:600;white-space:nowrap;background:var(--br-surface-soft);border:1px solid var(--br-line);border-radius:var(--br-radius-sm);cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s var(--br-ease)}.brstudio__tool:hover{background:var(--br-surface-tint);border-color:var(--br-line-strong);box-shadow:0 3px 10px #1e232a0f;transform:translateY(-1px)}.brstudio__tool:active{box-shadow:none;transform:translateY(0)}.brstudio__buy{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:46px;padding:0 22px;color:#fff;font-size:13px;font-weight:700;letter-spacing:.005em;white-space:nowrap;background:var(--br-blue);border:1px solid var(--br-blue);border-radius:var(--br-radius-sm);box-shadow:0 7px 14px #274c7730;cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s var(--br-ease)}.brstudio__buy:hover{background:var(--br-blue-dark);border-color:var(--br-blue-dark);box-shadow:0 10px 20px #274c7747;transform:translateY(-2px)}.brstudio__buy:active{box-shadow:none;transform:translateY(0)}#br-3d-viewer button:focus-visible,#br-3d-viewer [tabindex]:focus-visible{outline:3px solid rgba(39,76,119,.35);outline-offset:2px}#br-3d-viewer button:disabled,#br-3d-viewer [aria-disabled=true]{cursor:not-allowed;opacity:.48;pointer-events:none}@keyframes br-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){#br-3d-viewer *,#br-3d-viewer *:before,#br-3d-viewer *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:980px){#br-3d-viewer.br-3d-viewer{padding:18px}.br-3d-viewer__window{width:100%;height:min(900px,94vh)}.brstudio__body{grid-template-columns:250px minmax(0,1fr)}.brstudio__sidebar{padding:22px 17px}.brstudio__products-bar,.brstudio__footer{padding-inline:18px}}@media(max-width:720px){#br-3d-viewer.br-3d-viewer{align-items:stretch;padding:0}.br-3d-viewer__window{width:100%;height:100%;min-height:0;border:0;border-radius:0}.brstudio__header{grid-template-columns:1fr auto;min-height:68px;padding:11px 16px}.brstudio__title{display:none}.brstudio__logo{font-size:10px}.brstudio__close{min-width:40px;height:40px;padding:0 11px}.brstudio__close span{display:none}.brstudio__products-bar{min-height:111px;padding:11px 16px}.brstudio__products-track{gap:9px;height:89px}.brstudio__products-track .brstudio__product{grid-template-columns:75px 112px;flex-basis:204px;min-height:84px}.brstudio__product img{width:75px;height:66px}.brstudio__body{display:flex;flex-direction:column-reverse;overflow:auto}.brstudio__viewer{flex:1 0 48vh;min-height:330px}.brstudio__sidebar{flex:0 0 auto;max-height:224px;padding:17px 16px 20px;overflow:auto;border-top:1px solid var(--br-line);border-right:0}.brstudio__section{display:grid;grid-template-columns:90px minmax(0,1fr);align-items:center;gap:12px}.brstudio__section+.brstudio__section{margin-top:18px;padding-top:18px}.brstudio__section h3{margin:0;font-size:10px}.brstudio__materials,.brstudio__environments{grid-auto-flow:column;grid-auto-columns:minmax(136px,1fr);grid-template-columns:none;overflow-x:auto;padding-bottom:2px}.brstudio__materials>button,.brstudio__material{min-height:92px}.brstudio__material img,.brstudio__material-swatch,.brstudio__materials>button img{height:50px;flex-basis:50px}.brstudio__footer{min-height:70px;padding:10px 16px;gap:10px}.brstudio__toolbar{gap:6px;overflow-x:auto}.brstudio__tool{min-height:39px;padding:0 10px;font-size:11px}.brstudio__buy{min-height:42px;padding:0 14px;font-size:12px}}@media(max-width:410px){.brstudio__products-track .brstudio__product{flex-basis:184px;grid-template-columns:66px 96px;gap:9px}.brstudio__product img{width:66px;height:62px}.brstudio__product h4{font-size:12px}.brstudio__toolbar .brstudio__tool{width:39px;padding:0;overflow:hidden;color:transparent;font-size:0}.brstudio__toolbar .brstudio__tool:first-letter{color:var(--br-ink);font-size:15px}.brstudio__buy{padding:0 12px}}
/*# sourceMappingURL=/cdn/shop/t/62/assets/br-3d-viewer.css.map */