html:has(.opq-board){visibility:visible!important}body:has(.opq-board) .shopify-section-header-group,body:has(.opq-board) .shopify-section-footer-group{display:none}body:has(.opq-board) #MainContent{margin:0;padding:0}body:has(.opq-board){background:var(--opq-board-bg, #ffffff);overflow:hidden;touch-action:none;overscroll-behavior:none}.opq-board{position:relative;width:100vw;height:100vh;height:100svh;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:var(--opq-board-bg, #ffffff);color:#111;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-feature-settings:"tnum";--opq-readable-shadow: 0 1px 4px rgba(0, 0, 0, .06);--opq-accent: #111111;overflow:hidden;touch-action:none}.opq-board,.opq-board *,.opq-board *:before,.opq-board *:after{font-family:Helvetica Neue,Helvetica,Arial,sans-serif!important}.opq-board .opq-hero__status,.opq-board .opq-hero__status p,.opq-board .opq-hero__meta,.opq-board .opq-hero__meta p{color:#000000d9!important}.opq-board .opq-hero__logo{color:#000}.opq-board .opq-hero__nav{background:#0000000d;box-shadow:inset 0 0 0 .5px #0000001a,inset 1px 1px .5px #fff6,inset -.5px -.5px .5px #0000000a,0 4px 18px #0000000f}.opq-board .opq-hero__nav a{color:#000000b3}.opq-board .opq-hero__nav a:hover{color:#000;background:#0000000f}.opq-board .opq-hero__nav a.is-active{background:#fff;color:#000;box-shadow:inset 1.5px 1.5px 1px #fffffff2,inset -1px -1px 1px #0000000a,inset 0 0 0 .5px #00000014,0 2px 8px #0000000f}.opq-board .opq-hero__menu{background:#0000000a;color:#000;box-shadow:inset 1.5px 1.5px 1px #ffffff8c,inset -1px -1px 1px #0000000a,inset 0 0 0 .5px #0000001f,0 1px 3px #0000000a}.opq-board .opq-hero__menu:hover{background:#00000014;box-shadow:inset 1.5px 1.5px 1.5px #fff6,inset -1px -1px 1px #0000000a,inset 0 0 0 .5px #0000001f,0 2px 6px #0000000f}.opq-board .opq-hero__logo:hover,.opq-board .opq-hero__logo:focus,.opq-board .opq-hero__logo:focus-visible{text-shadow:0 0 6px rgba(0,0,0,.3),0 0 16px rgba(0,0,0,.18),0 0 36px rgba(0,0,0,.1),0 0 70px rgba(0,0,0,.06)}.opq-board__main{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.opq-board__paint{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.opq-board.is-painting,.opq-board.is-painting *{cursor:crosshair!important}.opq-board .opq-paint-stroke{fill:none;stroke:var(--opq-brush-color, #000000);stroke-linecap:round;stroke-linejoin:round}.opq-board .opq-paint-stroke--brush{fill:var(--opq-brush-color, #000000);stroke:none}.opq-board .opq-hero__dock{background:#ffffff8c;box-shadow:inset 0 0 0 .5px #0000001a,inset 1px 1px .5px #fffc,inset -.5px -.5px .5px #0000000a,0 8px 28px #0000001a}.opq-board .opq-hero__ctrl{background:#0000000a;color:#000}.opq-board .opq-hero__ctrl:hover,.opq-board .opq-hero__ctrl.is-active{background:#000000d9;color:#fff}.opq-board .opq-hero__ctrl.is-active:hover{background:#000000f2}.opq-board .opq-hero__ctrl-brush-swatch{box-shadow:inset 0 0 0 .5px #0000004d,0 0 0 1px #0000002e}.opq-board .opq-hero__ctrl[data-opq-ctrl=image] .opq-hero__ctrl-icon--image{display:block}.opq-board__bottom-bar{position:fixed;bottom:2.5rem;left:5rem;right:5rem;display:flex;justify-content:space-between;align-items:end;gap:1rem;z-index:50;pointer-events:none}.opq-board__bottom-bar>*{pointer-events:auto}.opq-board__footer-row{display:flex;align-items:baseline;gap:3.5rem}.opq-board__footer-nav{display:flex;gap:3.5rem}.opq-board__footer-nav a{font-size:1.05rem;font-weight:700;letter-spacing:.08em;color:#000;text-decoration:none;transition:color .2s ease,transform .18s cubic-bezier(.4,0,.2,1),letter-spacing .25s ease}.opq-board__footer-nav a:hover{transform:translateY(-2px);letter-spacing:.12em}.opq-board__footer-nav a:active{transform:scale(.96)}.opq-board__copyright{margin:0;font-size:9px;font-weight:300;letter-spacing:.08em;line-height:1;color:#0000008c;text-transform:uppercase}.opq-board__copyright a{color:inherit;text-decoration:none;border-bottom:.5px solid rgba(0,0,0,.3);padding-bottom:1px;transition:color .2s ease,border-color .2s ease}.opq-board__copyright a:hover{color:#000;border-color:#000}.opq-board__brush-mode-wrap{position:relative;display:inline-flex;align-items:center}.opq-board__brush-popover{position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%) translateY(4px);display:flex;flex-direction:column;gap:2px;padding:6px;background:#fffffff2;border-radius:10px;box-shadow:0 8px 24px #0000001f,inset 0 0 0 .5px #0000001a;z-index:100;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.opq-board__brush-popover:before{content:"";position:absolute;left:0;right:0;top:100%;height:14px}.opq-board__brush-popover.is-open{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}@media(hover:hover){.opq-board__brush-mode-wrap:hover .opq-board__brush-popover{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}}.opq-board__brush-popover>button{background:transparent;border:0;font-size:10px;font-weight:700;letter-spacing:.16em;color:#000000a6;padding:6px 18px;border-radius:6px;cursor:pointer;text-transform:uppercase;font-family:Helvetica Neue,Helvetica,Arial,sans-serif!important;text-align:left;transition:background .15s ease,color .15s ease;display:flex;align-items:center;gap:10px}.opq-board__brush-popover>button[data-opq-brush-mode]:hover{background:#0000000f;color:#000}.opq-board__brush-popover>button[data-opq-brush-mode].is-active{background:#000000d9;color:#fff}.opq-board__popover-divider{height:1px;margin:4px 8px;background:#0000001a}.opq-board__popover-bg{position:relative;justify-content:space-between}.opq-board__popover-bg:hover{background:#0000000f;color:#000}.opq-board__popover-bg-label{flex:1 1 auto}.opq-board__popover-bg .opq-hero__ctrl-bg-swatch,.opq-board__popover-bg .opq-hero__ctrl-brush-swatch{width:14px;height:14px;border-radius:50%}.opq-board__popover-bg .opq-hero__ctrl-bg-swatch{border-radius:3px}.opq-board__popover-bg-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;padding:0;margin:0;background:transparent;opacity:0;cursor:pointer;pointer-events:auto}.opq-board__popover-size{display:flex;align-items:center;gap:10px;padding:6px 18px;font-size:10px;font-weight:700;letter-spacing:.16em;color:#000000a6;text-transform:uppercase;font-family:Helvetica Neue,Helvetica,Arial,sans-serif!important;min-width:180px}.opq-board__popover-size input[type=range]{flex:1 1 auto;width:100px;height:14px;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer;margin:0;padding:0}.opq-board__popover-size input[type=range]::-webkit-slider-runnable-track{height:2px;background:#0003;border-radius:1px}.opq-board__popover-size input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#000;margin-top:-5px;cursor:pointer;transition:transform .12s ease}.opq-board__popover-size input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.15)}.opq-board__popover-size input[type=range]::-moz-range-track{height:2px;background:#0003;border-radius:1px}.opq-board__popover-size input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#000;border:0;cursor:pointer}.opq-board__popover-size-value{min-width:18px;text-align:right;color:#000000d9;font-variant-numeric:tabular-nums}.opq-board .opq-hero__ctrl--bg{position:relative}.opq-hero__ctrl-bg-swatch{width:11px;height:11px;border-radius:2px;background:var(--opq-board-bg, #ffffff);box-shadow:inset 0 0 0 .5px #0000004d,0 0 0 1px #ffffff73;display:block}.opq-hero__ctrl-bg-input{pointer-events:auto;cursor:pointer}@media(max-width:768px){.opq-board__brush-popover{left:0;transform:translateY(4px)}.opq-board__brush-popover.is-open{transform:translateY(0)}}@media(max-width:768px)and (hover:hover){.opq-board__brush-mode-wrap:hover .opq-board__brush-popover{transform:translateY(0)}}@media(max-width:768px){.opq-board__bottom-bar{bottom:max(2.25rem,calc(env(safe-area-inset-bottom) + 1.5rem));left:1.25rem;right:1.25rem;display:flex;justify-content:center}.opq-board__footer-row,.opq-board__footer-nav{display:none}.opq-board .opq-hero__dock{transform:translate(-50%) translateY(0);opacity:1;pointer-events:auto;bottom:4.75rem}}@media(max-width:560px){.opq-board__copyright{font-size:8px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/opq-board.css.map */