.pg-picker .react-colorful{width:100%;height:11rem}.pg-picker .react-colorful__saturation{border-radius:.5rem;border-bottom:none}.pg-picker .react-colorful__hue{margin-top:.75rem;height:.75rem;border-radius:999px}.pg-picker .react-colorful__pointer{width:1rem;height:1rem}.pg-card{--u: 1px;--fs: 1;--cfs: 1;--radius: calc(13 * var(--u));position:relative;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;padding:calc(188 * var(--u)) calc(72 * var(--u)) calc(130 * var(--u));font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-synthesis-weight:none;-webkit-font-smoothing:antialiased}.pg-grid{display:grid;grid-template-columns:32.1% 1fr;gap:calc(17 * var(--u));flex:1;min-height:0}.pg-column{display:flex;flex-direction:column;min-height:0;gap:calc(17 * var(--u))}.pg-stack{display:flex;flex-direction:column;min-height:0}.pg-stack--secondary{flex:1 1 auto}.pg-swatch{position:relative;display:flex;flex-direction:column;box-sizing:border-box;padding:calc(23 * var(--u)) calc(26 * var(--u));border:0;border-radius:var(--radius);font:inherit;text-align:left;appearance:none;cursor:pointer}.pg-strip{flex:0 0 auto;height:calc(58 * var(--u));justify-content:center;padding-top:0;padding-bottom:calc(8 * var(--u))}.pg-stack>.pg-block~.pg-strip{padding-top:calc(8 * var(--u));padding-bottom:0}.pg-block{flex:1 1 auto;min-height:0;justify-content:space-between;padding-top:calc(30 * var(--u));padding-bottom:calc(24 * var(--u));box-shadow:0 calc(7 * var(--u)) calc(22 * var(--u)) #00000080}.pg-stack>.pg-swatch{box-shadow:0 calc(5 * var(--u)) calc(14 * var(--u)) #0000006b}.pg-stack>.pg-block{box-shadow:0 calc(7 * var(--u)) calc(22 * var(--u)) #00000080}.pg-label{font-size:calc(15 * var(--u) * var(--fs));font-weight:400;letter-spacing:.005em;line-height:1;opacity:.78;font-variant-numeric:tabular-nums}.pg-title{font-size:calc(20 * var(--u) * var(--fs));font-weight:400;letter-spacing:-.012em;line-height:1.1}.pg-block .pg-label{opacity:.86}.pg-gradient{position:relative;flex:0 0 31%;overflow:hidden;justify-content:flex-end;isolation:isolate}.pg-gradient__layer{position:absolute;inset:0;pointer-events:none}.pg-gradient__glow{filter:blur(calc(26 * var(--u)));opacity:.85}.pg-gradient__wisp{background-image:url(/textures/wisp.png);background-repeat:no-repeat;background-size:340% auto;background-position:22% 62%;mix-blend-mode:screen;filter:blur(calc(1 * var(--u)))}.pg-gradient__grain{background-image:url(/textures/grain.png);background-repeat:repeat;background-size:calc(180 * var(--u)) calc(180 * var(--u));mix-blend-mode:overlay}.pg-gradient__vignette{box-shadow:inset 0 calc(40 * var(--u)) calc(70 * var(--u)) #00000029,inset 0 0 0 calc(1 * var(--u)) #ffffff0d}.pg-gradient>.pg-title{position:relative;z-index:2}.pg-footer{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:calc(16 * var(--u));padding-top:calc(46 * var(--u))}.pg-sparkle{width:calc(22 * var(--u));height:calc(22 * var(--u));flex:0 0 auto}.pg-caption{margin:0;max-width:calc(700 * var(--u));text-align:center;white-space:pre-line;font-size:calc(17 * var(--u) * var(--cfs));line-height:1.5;letter-spacing:-.004em;opacity:.88}.pg-card[data-interactive=true] .pg-swatch:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 calc(2 * var(--u)) currentColor;opacity:0;transition:opacity .12s ease;pointer-events:none;z-index:3}.pg-card[data-interactive=true] .pg-swatch:hover:after,.pg-card[data-interactive=true] .pg-swatch:focus-visible:after,.pg-card[data-interactive=true] .pg-swatch[data-open=true]:after{opacity:.55}.pg-swatch:focus-visible{outline:none}.pg-card[data-exporting=true] .pg-swatch:after{display:none}.pg-card[data-exporting=true] .pg-swatch{cursor:default}.pg-watermark-layer{position:absolute;inset:0;z-index:30;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:calc(52 * var(--u));pointer-events:none}.pg-watermark{padding:.5em .85em;border-radius:.55em;font-size:calc(17 * var(--u));font-weight:500;line-height:1.25;letter-spacing:-.005em;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}