.graffiti-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;height:100vh;height:100svh;min-height:100vh;width:100%;overflow:hidden}.graffiti-brand{position:fixed;top:16px;left:16px;z-index:4;pointer-events:none}.graffiti-brand__logo{max-width:140px;height:auto;display:block}.graffiti-brand__name{font-weight:600;font-size:1.6rem;color:rgb(var(--color-foreground))}.graffiti-brand.graffiti-brand--white .graffiti-brand__logo{filter:brightness(0) invert(1)}.graffiti-brand.graffiti-brand--white .graffiti-brand__name{color:#fff}@media (max-width: 749px){.graffiti-brand{left:50%;right:auto;transform:translate(-50%);text-align:center}.graffiti-brand__logo{max-width:clamp(160px,45vw,220px)}}.graffiti-gate__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-color:#cfcfcf}.graffiti-gate__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:none;opacity:0;transition:opacity .6s ease}.graffiti-gate__img.is-active{opacity:1;z-index:1}.graffiti-gate__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='256' height='256' viewBox='0 0 256 256'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/><feComponentTransfer><feFuncA type='table' tableValues='0 0.28'/></feComponentTransfer></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.35'/></svg>"),radial-gradient(closest-side,rgba(0,0,0,.08),transparent 70%),radial-gradient(closest-side,rgba(0,0,0,.05),transparent 70%),radial-gradient(closest-side,rgba(255,255,255,.22),transparent 65%),repeating-linear-gradient(45deg,rgba(0,0,0,.025) 0 2px,transparent 2px 4px);background-size:256px 256px,360px 360px,240px 240px,180px 180px,12px 12px;background-position:0 0,0 0,40px 60px,10px 80px,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat;mix-blend-mode:multiply;pointer-events:none}@supports (bottom: env(safe-area-inset-bottom)){.graffiti-gate__ui{bottom:env(safe-area-inset-bottom)}.graffiti-gate__ui{padding-left:calc(16px + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right))}}@media (orientation: landscape) and (max-height: 520px){.graffiti-gate__ui{padding:8px 10px;gap:8px;flex-wrap:nowrap;align-items:center;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.graffiti-toggle{position:static;order:-1;margin:0 10px 0 0;flex:0 0 auto;z-index:12}.graffiti-h3,.graffiti-h4{display:inline;margin:0 10px 0 0}.graffiti-copy{display:block!important;flex:1 1 auto;margin-left:auto;text-align:right;white-space:nowrap}.graffiti-gate__group--colors{justify-content:flex-start}.graffiti-gate__group--colors,.graffiti-size-wrap,.graffiti-gate__group{flex:0 1 auto}.graffiti-size{width:120px}.graffiti-color{width:24px;height:24px}.graffiti-brand{top:8px;left:8px}}.landscape-compact .graffiti-copy{display:block!important}body.password{overflow-x:hidden}body.password.gradient{background-attachment:scroll!important;background-color:#000!important}.graffiti-gate__canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;display:block;touch-action:none;mix-blend-mode:normal}.graffiti-gate--multiply .graffiti-gate__canvas{mix-blend-mode:multiply}.graffiti-gate__ui{position:fixed;left:0;right:0;bottom:0;z-index:10;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:flex-start;padding:12px 16px;background:#000;color:#fff}.graffiti-copy{flex:1 1 100%;text-align:left}.graffiti-h3{margin:0;font-size:1.8rem;line-height:1.15;font-family:Silkscreen,system-ui,-apple-system,Segoe UI,Roboto,sans-serif!important;font-weight:700}.graffiti-h4{margin:6px 0 10px;font-size:1.3rem;opacity:.9;font-family:Silkscreen,system-ui,-apple-system,Segoe UI,Roboto,sans-serif!important;font-weight:400}.graffiti-gate__group--colors{flex:1 1 100%;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-start}.graffiti-gate__group{display:flex;align-items:center;gap:8px}.graffiti-size-wrap{flex:1 1 100%}.graffiti-label{color:#fff;font-size:1.2rem;margin-right:6px}.graffiti-cap-preview{width:14px;height:14px;border-radius:50%;background:var(--paint, #111);border:2px solid #fff;flex:0 0 auto}.graffiti-color{width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.7);cursor:pointer;outline:none;transition:transform .1s ease;background:var(--c, #000)}.graffiti-color[aria-pressed=true]{box-shadow:0 0 0 2px #fff inset;transform:scale(1.05)}.graffiti-size{width:160px}.graffiti-btn,.graffiti-submit{-webkit-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.6);color:#111;background:#fff;padding:8px 12px;border-radius:6px;cursor:pointer}#graffiti-undo,#graffiti-clear{padding-top:12px;padding-bottom:12px}.graffiti-btn[disabled],.graffiti-submit[disabled]{opacity:.5;cursor:not-allowed}.graffiti-toggle{position:static;background:#fff;color:#111;border:none;border-radius:10px;padding:10px 12px;cursor:pointer;font-family:Silkscreen,system-ui,-apple-system,Segoe UI,Roboto,sans-serif!important;order:-1;margin-right:10px;flex:0 0 auto}.controls-collapsed .graffiti-hideable{display:none!important}.graffiti-h3,.graffiti-h4{color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.2)}.password-link{display:none!important}.graffiti-unlocked .password-link{display:inline-flex!important}@media (max-width: 720px){.graffiti-gate__ui{gap:10px}.graffiti-copy{text-align:left}.graffiti-gate__group--colors{justify-content:flex-start}.graffiti-size-wrap{justify-content:center}.graffiti-gate__email{flex-direction:column;align-items:stretch;gap:10px}.graffiti-gate__email input[type=email],.graffiti-submit{width:100%}.graffiti-gate__email input[type=email]{margin:0 0 8px}.graffiti-submit{margin:0 0 2px}.graffiti-toggle{right:12px}}@media (min-width: 721px) and (max-width: 1024px){.graffiti-copy{text-align:left}.graffiti-gate__group--colors{justify-content:flex-start}}@media (min-width: 1025px){.graffiti-gate__ui{top:auto;bottom:0;left:0;right:0;width:100%;height:auto;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:12px 24px;gap:12px;overflow:visible}.graffiti-copy{flex:0 1 auto;text-align:right;margin-left:auto}.graffiti-gate__group--colors,.graffiti-size-wrap,.graffiti-gate__group{flex:0 0 auto;justify-content:flex-start}.graffiti-size{width:160px}.graffiti-toggle{position:fixed;right:24px;bottom:80px;z-index:20;margin:0;pointer-events:auto}.graffiti-gate__ui.controls-collapsed{background:transparent;padding:0;gap:0;pointer-events:none}.graffiti-gate__ui.controls-collapsed .graffiti-toggle{position:fixed;right:24px;bottom:24px;z-index:20;margin:0;pointer-events:auto}}body.password,.graffiti-gate,.password-modal__content,.graffiti-gate__ui,.graffiti-gate__ui button,.graffiti-gate__ui input,.graffiti-gate__ui select,.graffiti-gate__ui textarea,.password-modal__content button,.password-modal__content input,.password-modal__content select,.password-modal__content textarea{font-family:Silkscreen,system-ui,-apple-system,Segoe UI,Roboto,sans-serif!important}
/*# sourceMappingURL=/cdn/shop/t/5/assets/graffiti.css.map */