.pg-gb-wall{-moz-columns:10.5rem 2;columns:10.5rem 2;-moz-column-gap:1rem;column-gap:1rem}@media (min-width:768px){.pg-gb-wall{-moz-columns:11rem 4;columns:11rem 4;-moz-column-gap:1.15rem;column-gap:1.15rem}}.pg-gb-note{position:relative;display:inline-block;width:100%;-moz-column-break-inside:avoid;break-inside:avoid;margin:10px 0 .8rem;padding:1.1rem .95rem .8rem;color:#141416;border:1.5px solid rgb(var(--ink));border-radius:.35rem .35rem 1.1rem .35rem;box-shadow:4px 4px 0 rgb(var(--ink));transform:rotate(var(--tilt,0deg));transition:transform .35s var(--spring)}.pg-gb-note:hover{transform:rotate(0deg) translateY(-3px)}.pg-gb-note:before{content:"";position:absolute;top:-8px;left:50%;width:46px;height:15px;translate:-50% 0;rotate:calc(var(--tilt, 0deg) * -2);background:rgb(255 255 255/.55);border:1px solid rgb(20 20 22/.18);border-radius:2px}.dark .pg-gb-note:before{background:rgb(255 255 255/.35)}.pg-gb-note[data-tone=lime]{background:rgb(var(--lime))}.pg-gb-note[data-tone=coral]{background:rgb(var(--coral))}.pg-gb-note[data-tone=cyan]{background:rgb(var(--cyan))}.pg-gb-note[data-tone=violet]{background:rgb(var(--violet))}.pg-gb-note[data-tone=amber]{background:rgb(var(--amber))}.pg-gb-note[data-new=true]{animation:pg-gb-pop .6s var(--spring) both}@keyframes pg-gb-pop{0%{opacity:0;transform:translateY(-18px) scale(.6) rotate(calc(var(--tilt, 0deg) * 4))}}.pg-gb-swatch{width:1.65rem;height:1.65rem;border-radius:999px;border:1.5px solid rgb(var(--ink));transition:transform .3s var(--spring)}.pg-gb-swatch[aria-checked=true]{transform:scale(1.15);box-shadow:0 0 0 2.5px rgb(var(--paper)),0 0 0 4px rgb(var(--ink))}@media (prefers-reduced-motion:reduce){.pg-gb-note,.pg-gb-swatch{transition:none}.pg-gb-note[data-new=true]{animation:none}.pg-gb-note:hover{transform:rotate(var(--tilt,0deg))}}:root[data-calm=true] .pg-gb-note,:root[data-calm=true] .pg-gb-swatch{transition:none}:root[data-calm=true] .pg-gb-note[data-new=true]{animation:none}:root[data-calm=true] .pg-gb-note:hover{transform:rotate(var(--tilt,0deg))}