:host{display:block;height:100%;--red:#567ba0;--ink:#1b2c3e;--paper:#fbf9f3;--mobile-stage-height:506px}*{box-sizing:border-box}[hidden]{display:none!important}.exhibit-doc{height:100%;margin:0;background:var(--paper);color:var(--ink);font-family:Outfit,Arial,sans-serif}button,a{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,#viewer:focus-visible{outline:2px solid var(--red);outline-offset:3px}button{min-width:44px;min-height:44px}.showcase{display:grid;grid-template-columns:minmax(0,65fr) minmax(340px,35fr);height:100%;overflow:hidden;background:var(--paper);isolation:isolate}.exhibit-visual{position:relative;min-width:0;min-height:0;background:radial-gradient(90% 80% at 50% 42%,#fff,#f1f3f5 52%,#e2e7ec)}#viewer{height:100%;position:relative;overflow:hidden;touch-action:pan-y;color:var(--ink);outline-offset:-5px}#viewer canvas{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:grab;touch-action:none}.dragging canvas{cursor:grabbing}.stage-heading{position:absolute;top:32px;left:36px;right:36px;z-index:3;pointer-events:none}.stage-heading p{margin:0 0 12px;font-size:12px;line-height:1.3;letter-spacing:.12em;font-weight:700;color:#f7f5f299}.stage-heading h1{margin:0;max-width:580px;font-size:clamp(32px,3.2vw,48px);line-height:1.06;letter-spacing:-.035em;font-weight:700;text-wrap:balance;color:var(--paper)}.studio-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.studio-light{position:absolute;width:min(78%,690px);height:90%;top:6%;left:50%;transform:translate(-50%);background:radial-gradient(ellipse at center,rgb(255 255 255 / .9),rgb(255 255 255 / .35) 45%,transparent 72%);pointer-events:none}.studio-floor{display:none}.shadow{position:absolute;left:50%;bottom:10%;width:38%;height:5%;border-radius:50%;background:#1b2c3e38;filter:blur(14px);transform:translate(-50%);pointer-events:none}#loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;margin:0;display:grid;place-items:center;color:#1b2c3e8c;font-size:13px}.stage-bottom{position:absolute;left:36px;right:28px;bottom:22px;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:16px;pointer-events:none;color:#1b2c3e8c;font-size:12px}.zoom{display:flex;gap:4px;pointer-events:auto}.zoom button{display:grid;place-items:center;padding:0;background:#ffffffb3;border:1px solid rgb(27 44 62 / .14);color:#1b2c3eb3;border-radius:50%;width:44px;height:44px;font-size:21px;font-weight:400}.zoom button:hover{border-color:#1b2c3e66;color:var(--ink);background:#fff}aside{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:32px;background:var(--paper);border-left:1px solid rgb(27 44 62 / .1)}.style-heading{margin:0 0 14px;font-size:20px;line-height:24px;font-weight:700;letter-spacing:-.3px}.craft-options{display:grid;gap:6px;margin:0}.craft-option{display:flex;align-items:center;gap:14px;min-height:66px;width:100%;padding:6px 10px;text-align:left;border:2px solid transparent;border-radius:12px;background:transparent}.craft-option img{width:52px;height:52px;flex:0 0 52px;object-fit:contain;border-radius:7px;background:#1b2c3e0a}.craft-option span{flex:1;min-width:0}.craft-option strong{display:block;font-size:16px;line-height:20px;font-weight:600}.craft-option small{display:block;margin-top:3px;color:#1b2c3e99;font-size:13px;line-height:16px;font-weight:400}.craft-option i{visibility:hidden;flex:0 0 17px;width:17px;height:17px;border-radius:50%;background:var(--red);position:relative}.craft-option i:after{content:"";position:absolute;width:7px;height:4px;border-left:1.5px solid var(--paper);border-bottom:1.5px solid var(--paper);transform:rotate(-45deg);left:5px;top:5px}.craft-option[aria-pressed=true]{border-color:var(--red)}.craft-option[aria-pressed=true] i{visibility:visible}.craft-option:hover{background:#1b2c3e09}.control{margin-top:18px;padding:0;border:0}.label{display:block;margin:0 0 12px;font-size:20px;line-height:24px;font-weight:700}.views{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:#1b2c3e0d;border-radius:10px;padding:4px}.views button{border:0;border-radius:7px;background:transparent;font-size:13px;line-height:1;font-weight:600}.views button[aria-pressed=true]{background:var(--red);color:var(--paper)}.panel-action{margin-top:auto;padding-top:18px}.quote-button{display:flex;align-items:center;justify-content:space-between;width:100%;height:52px;padding:0 20px;background:var(--red);color:var(--paper);border-radius:12px;text-decoration:none;font-size:16px;font-weight:700}.quote-button:hover{background:var(--ink)}.panel-action p{margin:10px 0 0;color:#1b2c3e99;font-size:11px;line-height:14px;text-align:center}@media(max-height:740px)and (min-width:900px){aside{padding:24px 28px}.craft-option{min-height:60px;padding-block:4px;gap:10px}.craft-option img{width:44px;height:44px;flex-basis:44px}.craft-option strong{font-size:15px}.craft-option small{font-size:12px;line-height:14px}.control{margin-top:14px}.panel-action{padding-top:14px}}.is-mobile .showcase{grid-template-columns:1fr;height:auto}.is-mobile .exhibit-visual{height:var(--mobile-stage-height)}.is-mobile aside{border-left:0;padding:24px;min-height:612px}.is-mobile .stage-heading{top:24px;left:24px;right:24px}.is-mobile .stage-heading h1{font-size:32px;max-width:330px;line-height:1.03}.is-mobile .stage-heading p{font-size:12px;margin-bottom:10px}.is-mobile .stage-bottom{left:18px;right:18px;bottom:8px;gap:8px;font-size:10px}.is-mobile .stage-bottom>span{max-width:135px;line-height:1.5}.is-mobile .zoom{gap:3px}.is-mobile .zoom button{font-size:20px}.is-mobile .craft-option{min-height:76px;gap:12px;padding:8px}.is-mobile .craft-option img{width:52px;height:56px}.is-mobile .craft-option strong{font-size:16px}.is-mobile .craft-option small{font-size:13px;line-height:17px}.is-mobile .control{margin-top:24px}.is-mobile .panel-action{display:none}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}.viewer-only{--ink:#1b2c3e;--red:#567ba0}.viewer-only{background:#eef1f4}.viewer-only .showcase{grid-template-columns:1fr;height:100%}.viewer-only aside,.viewer-only .stage-heading{display:none}.viewer-only.is-mobile .exhibit-visual{height:100%}.embedded .stage-heading{display:none}.embedded:not(.is-mobile) aside{padding:24px 28px}.embedded:not(.is-mobile) .style-heading{margin-bottom:10px}.embedded:not(.is-mobile) .craft-option{min-height:58px;padding-block:4px;gap:12px}.embedded:not(.is-mobile) .craft-option img{width:44px;height:44px;flex-basis:44px}.embedded:not(.is-mobile) .control{margin-top:14px}.embedded:not(.is-mobile) .panel-action{padding-top:14px}aside{overflow-y:auto}.art-upload{margin:0 0 18px}.art-upload .style-heading{margin-bottom:10px}.art-drop{position:relative;display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 14px;border:1.5px dashed rgb(27 44 62 / .28);border-radius:12px;background:#fff9;cursor:pointer;transition:border-color .15s,background .15s}.art-drop:hover,.art-drop.is-over{border-color:var(--red);background:#567ba012}.art-drop:focus-within{outline:2px solid var(--red);outline-offset:3px}.art-drop.is-busy{cursor:progress;opacity:.7}.art-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.art-drop-icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:10px;background:var(--red);color:var(--paper)}.art-drop-icon svg{width:20px;height:20px}.art-drop-copy{min-width:0}.art-drop-copy strong{display:block;font-size:15px;line-height:19px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.art-drop-copy small{display:block;margin-top:2px;color:#1b2c3e99;font-size:12px;line-height:15px}.art-result{margin-top:10px}.art-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.art-palette{display:flex;flex-wrap:wrap;gap:4px}.art-palette i{width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1px #1b2c3e2e}.art-sample{min-height:32px;min-width:0;padding:0 10px;border:1px solid rgb(27 44 62 / .18);border-radius:999px;background:transparent;font-size:12px;font-weight:600;white-space:nowrap}.art-sample:hover{border-color:var(--red);color:var(--red)}.art-note,.art-tip{margin:8px 0 0;font-size:12px;line-height:16px;color:#1b2c3eb3}.art-tip{padding:8px 10px;border-radius:8px;background:#567ba01a}.art-tip button{min-height:0;min-width:0;padding:0;border:0;background:none;color:var(--red);font-weight:700;text-decoration:underline}
/*# sourceMappingURL=/cdn/shop/t/11/assets/pins-viewer-shadow.css.map */