:root{--rg-navy: var(--rg-brand-ink, #1c1a4a);--rg-pixel: "Pixelify Sans", "Courier New", monospace;--rg-btn-font: "Silkscreen", "Pixelify Sans", "Courier New", monospace}.rg-btn{--u: calc(4 * var(--rg-px));--rg-d: var(--u);--c: #5bc0f8;--c-light: #b4e8ff;--c-dark: #2f86d6;--rg-ink: var(--rg-navy);--rg-fs: calc(16 * var(--rg-px));--rg-pad: calc(22 * var(--rg-px));--rg-h: calc(44 * var(--rg-px));--rg-icon: calc(24 * var(--rg-px));--rg-gap: calc(10 * var(--rg-px));position:relative;display:inline-flex;vertical-align:middle;max-width:100%;margin:0;padding:0;border:0;background:none;color:var(--rg-ink);font:inherit;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;isolation:isolate}.rg-btn:before{content:"";position:absolute;inset:calc(var(--u) * -1) 0 calc(var(--u) * -2.5) 0}.rg-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--rg-navy);clip-path:var(--rg-clip);transform:translateY(var(--rg-d));pointer-events:none}.rg-btn *,.rg-btn *:before,.rg-btn *:after{box-sizing:border-box}.rg-btn__body{display:flex;flex:1;padding:var(--u);background:var(--rg-navy);clip-path:var(--rg-clip)}.rg-btn__face{position:relative;display:flex;flex:1;align-items:center;justify-content:center;gap:var(--rg-gap);min-height:var(--rg-h);padding:0 var(--rg-pad);background:var(--c);box-shadow:inset 0 var(--u) 0 var(--c-light),inset var(--u) 0 0 #ffffff2e,inset 0 calc(var(--u) * -1.5) 0 var(--c-dark);clip-path:var(--rg-clip-face);overflow:hidden}.rg-btn__face:before{content:"";position:absolute;top:calc(var(--u) * 2);left:var(--rg-shine-x, calc(var(--u) * 5));width:calc(var(--u) * 3);height:var(--u);background:#ffffffd9;box-shadow:calc(var(--u) * -1.5) var(--u) 0 0 #fff9;pointer-events:none}.rg-btn__label{position:relative;font-family:var(--rg-btn-font);font-synthesis:none;font-size:var(--rg-fs);font-weight:400;line-height:1;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;text-shadow:0 calc(1 * var(--rg-px)) 0 rgba(255,255,255,.35);-webkit-font-smoothing:none}.rg-btn__icon{position:relative;display:inline-flex;flex:none;width:var(--rg-icon);height:var(--rg-icon)}.rg-icon{display:block;width:100%;height:100%}.rg-btn__sparkles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.rg-btn__sparkles:before,.rg-btn__sparkles:after{content:"";position:absolute;width:calc(var(--u) * 3);height:calc(var(--u) * 3);background:#fff;clip-path:polygon(33.33% 0,66.66% 0,66.66% 33.33%,100% 33.33%,100% 66.66%,66.66% 66.66%,66.66% 100%,33.33% 100%,33.33% 66.66%,0 66.66%,0 33.33%,33.33% 33.33%)}.rg-btn__sparkles:before{left:calc(var(--u) * 4);bottom:calc(var(--u) * 2.5);background:#fff7b8}.rg-btn__sparkles:after{right:calc(var(--u) * 4);top:calc(var(--u) * 2.5)}@media(hover:hover){.rg-btn:hover .rg-btn__body{transform:translateY(calc(var(--u) * -.5));transform:translateY(round(calc(var(--u) * -.5),1px))}.rg-btn:hover .rg-btn__face{background-image:linear-gradient(#ffffff1f,#ffffff1f)}}.rg-btn:active .rg-btn__body,.rg-btn.is-pressed .rg-btn__body,.rg-btn[aria-pressed=true] .rg-btn__body,.rg-btn[aria-current] .rg-btn__body{transform:translateY(var(--u))}.rg-btn:active .rg-btn__face,.rg-btn.is-pressed .rg-btn__face,.rg-btn[aria-pressed=true] .rg-btn__face,.rg-btn[aria-current] .rg-btn__face{box-shadow:inset 0 var(--u) 0 var(--c-dark),inset 0 calc(var(--u) * -1) 0 var(--c-light)}.rg-btn:focus-visible{outline:calc(3 * var(--rg-px)) dashed var(--rg-navy);outline-offset:calc(6 * var(--rg-px))}.rg-btn:focus:not(:focus-visible){outline:none}.rg-btn[disabled],.rg-btn[aria-disabled=true],.rg-btn.is-disabled{--c: #dddbea;--c-light: #f3f2fa;--c-dark: #b4b0cc;--rg-ink: rgba(28, 26, 74, .5);cursor:not-allowed;pointer-events:none}.rg-btn[disabled] .rg-btn__face,.rg-btn[aria-disabled=true] .rg-btn__face,.rg-btn.is-disabled .rg-btn__face{background:repeating-linear-gradient(-45deg,transparent 0 calc(6 * var(--rg-px)),rgba(28,26,74,.07) calc(6 * var(--rg-px)) calc(12 * var(--rg-px))),var(--c);filter:none}.rg-btn[disabled] .rg-btn__sparkles,.rg-btn[aria-disabled=true] .rg-btn__sparkles,.rg-btn.is-disabled .rg-btn__sparkles{display:none}.rg-btn.is-loading{pointer-events:none}.rg-btn.is-loading .rg-btn__label,.rg-btn.is-loading .rg-btn__icon,.rg-btn.is-loading .rg-btn__sparkles{visibility:hidden}.rg-btn.is-loading .rg-btn__face:after{content:"";position:absolute;top:50%;left:50%;width:calc(var(--u) * 2);height:calc(var(--u) * 2);margin:calc(var(--u) * -1) 0 0 calc(var(--u) * -5);background:var(--rg-ink);box-shadow:calc(var(--u) * 4) 0 0 var(--rg-ink),calc(var(--u) * 8) 0 0 var(--rg-ink);animation:rg-btn-dots .9s steps(1) infinite}.rg-btn--sky{--c: #5bc0f8;--c-light: #b4e8ff;--c-dark: #2f86d6}.rg-btn--pink{--c: #ff74ad;--c-light: #ffbfd9;--c-dark: #d9437f}.rg-btn--violet{--c: #a982f2;--c-light: #d8c6fb;--c-dark: #7a4fd4}.rg-btn--gold{--c: #ffd45c;--c-light: #fff1a8;--c-dark: #f0952d}.rg-btn--red{--c: #ff6f6f;--c-light: #ffb8b8;--c-dark: #d63f4c}.rg-btn--mint{--c: #5ee6a0;--c-light: #b9f8d6;--c-dark: #2eb47a}.rg-btn--lavender{--c: var(--rg-brand-lilac, #eeedfd);--c-light: #ffffff;--c-dark: #c9c2f0}.rg-btn--brand{--c: var(--rg-brand-violet, #65098c);--c-light: #9a4bc6;--c-dark: #3f0563;--rg-ink: #fff}.rg-btn--navy{--c: #2c2a6b;--c-light: #4a47a0;--c-dark: #141238;--rg-ink: #fff}.rg-btn--brand .rg-btn__label,.rg-btn--navy .rg-btn__label{text-shadow:calc(1 * var(--rg-px)) calc(1 * var(--rg-px)) 0 rgba(0,0,48,.6)}.rg-btn--sm{--u: calc(3 * var(--rg-px));--rg-fs: calc(12 * var(--rg-px));--rg-pad: calc(14 * var(--rg-px));--rg-h: calc(34 * var(--rg-px));--rg-icon: calc(16 * var(--rg-px));--rg-gap: calc(8 * var(--rg-px))}.rg-btn--lg{--u: calc(5 * var(--rg-px));--rg-fs: calc(20 * var(--rg-px));--rg-pad: calc(32 * var(--rg-px));--rg-h: calc(54 * var(--rg-px));--rg-icon: calc(32 * var(--rg-px));--rg-gap: calc(14 * var(--rg-px))}.rg-btn--full{display:flex;width:100%}.rg-btn--pill,.rg-shape--pill{--rg-clip: polygon(0 calc(var(--u) * 6), 0 calc(var(--u) * 5), 0 calc(var(--u) * 4), calc(var(--u) * 1) calc(var(--u) * 4), calc(var(--u) * 1) calc(var(--u) * 3), calc(var(--u) * 1) calc(var(--u) * 2), calc(var(--u) * 2) calc(var(--u) * 2), calc(var(--u) * 2) calc(var(--u) * 1), calc(var(--u) * 4) calc(var(--u) * 1), calc(var(--u) * 4) 0, calc(100% - var(--u) * 4) 0, calc(100% - var(--u) * 4) calc(var(--u) * 1), calc(100% - var(--u) * 2) calc(var(--u) * 1), calc(100% - var(--u) * 2) calc(var(--u) * 2), calc(100% - var(--u) * 1) calc(var(--u) * 2), calc(100% - var(--u) * 1) calc(var(--u) * 3), calc(100% - var(--u) * 1) calc(var(--u) * 4), 100% calc(var(--u) * 4), 100% calc(var(--u) * 5), 100% calc(var(--u) * 6), 100% calc(100% - var(--u) * 6), 100% calc(100% - var(--u) * 5), 100% calc(100% - var(--u) * 4), calc(100% - var(--u) * 1) calc(100% - var(--u) * 4), calc(100% - var(--u) * 1) calc(100% - var(--u) * 3), calc(100% - var(--u) * 1) calc(100% - var(--u) * 2), calc(100% - var(--u) * 2) calc(100% - var(--u) * 2), calc(100% - var(--u) * 2) calc(100% - var(--u) * 1), calc(100% - var(--u) * 4) calc(100% - var(--u) * 1), calc(100% - var(--u) * 4) 100%, calc(var(--u) * 4) 100%, calc(var(--u) * 4) calc(100% - var(--u) * 1), calc(var(--u) * 2) calc(100% - var(--u) * 1), calc(var(--u) * 2) calc(100% - var(--u) * 2), calc(var(--u) * 1) calc(100% - var(--u) * 2), calc(var(--u) * 1) calc(100% - var(--u) * 3), calc(var(--u) * 1) calc(100% - var(--u) * 4), 0 calc(100% - var(--u) * 4), 0 calc(100% - var(--u) * 5), 0 calc(100% - var(--u) * 6));--rg-clip-face: polygon(0 calc(var(--u) * 5), 0 calc(var(--u) * 4), 0 calc(var(--u) * 3), calc(var(--u) * 1) calc(var(--u) * 3), calc(var(--u) * 1) calc(var(--u) * 2), calc(var(--u) * 1) calc(var(--u) * 1), calc(var(--u) * 3) calc(var(--u) * 1), calc(var(--u) * 3) 0, calc(100% - var(--u) * 3) 0, calc(100% - var(--u) * 3) calc(var(--u) * 1), calc(100% - var(--u) * 1) calc(var(--u) * 1), calc(100% - var(--u) * 1) calc(var(--u) * 2), calc(100% - var(--u) * 1) calc(var(--u) * 3), 100% calc(var(--u) * 3), 100% calc(var(--u) * 4), 100% calc(var(--u) * 5), 100% calc(100% - var(--u) * 5), 100% calc(100% - var(--u) * 4), 100% calc(100% - var(--u) * 3), calc(100% - var(--u) * 1) calc(100% - var(--u) * 3), calc(100% - var(--u) * 1) calc(100% - var(--u) * 2), calc(100% - var(--u) * 1) calc(100% - var(--u) * 1), calc(100% - var(--u) * 3) calc(100% - var(--u) * 1), calc(100% - var(--u) * 3) 100%, calc(var(--u) * 3) 100%, calc(var(--u) * 3) calc(100% - var(--u) * 1), calc(var(--u) * 1) calc(100% - var(--u) * 1), calc(var(--u) * 1) calc(100% - var(--u) * 2), calc(var(--u) * 1) calc(100% - var(--u) * 3), 0 calc(100% - var(--u) * 3), 0 calc(100% - var(--u) * 4), 0 calc(100% - var(--u) * 5))}.rg-btn--block,.rg-shape--block{--rg-clip: polygon(0 calc(var(--u) * 2), 0 calc(var(--u) * 1), calc(var(--u) * 1) calc(var(--u) * 1), calc(var(--u) * 1) 0, calc(100% - var(--u) * 1) 0, calc(100% - var(--u) * 1) calc(var(--u) * 1), 100% calc(var(--u) * 1), 100% calc(var(--u) * 2), 100% calc(100% - var(--u) * 2), 100% calc(100% - var(--u) * 1), calc(100% - var(--u) * 1) calc(100% - var(--u) * 1), calc(100% - var(--u) * 1) 100%, calc(var(--u) * 1) 100%, calc(var(--u) * 1) calc(100% - var(--u) * 1), 0 calc(100% - var(--u) * 1), 0 calc(100% - var(--u) * 2));--rg-clip-face: polygon(0 calc(var(--u) * 1), 0 0, 100% 0, 100% calc(var(--u) * 1), 100% calc(100% - var(--u) * 1), 100% 100%, 0 100%, 0 calc(100% - var(--u) * 1))}.rg-btn--round,.rg-shape--round{--rg-clip: polygon(0 calc(var(--u) * 7), 0 calc(var(--u) * 6), 0 calc(var(--u) * 5), 0 calc(var(--u) * 4), calc(var(--u) * 1) calc(var(--u) * 4), calc(var(--u) * 1) calc(var(--u) * 3), calc(var(--u) * 2) calc(var(--u) * 3), calc(var(--u) * 2) calc(var(--u) * 2), calc(var(--u) * 3) calc(var(--u) * 2), calc(var(--u) * 3) calc(var(--u) * 1), calc(var(--u) * 4) calc(var(--u) * 1), calc(var(--u) * 4) 0, calc(100% - var(--u) * 4) 0, calc(100% - var(--u) * 4) calc(var(--u) * 1), calc(100% - var(--u) * 3) calc(var(--u) * 1), calc(100% - var(--u) * 3) calc(var(--u) * 2), calc(100% - var(--u) * 2) calc(var(--u) * 2), calc(100% - var(--u) * 2) calc(var(--u) * 3), calc(100% - var(--u) * 1) calc(var(--u) * 3), calc(100% - var(--u) * 1) calc(var(--u) * 4), 100% calc(var(--u) * 4), 100% calc(var(--u) * 5), 100% calc(var(--u) * 6), 100% calc(var(--u) * 7), 100% calc(100% - var(--u) * 7), 100% calc(100% - var(--u) * 6), 100% calc(100% - var(--u) * 5), 100% calc(100% - var(--u) * 4), calc(100% - var(--u) * 1) calc(100% - var(--u) * 4), calc(100% - var(--u) * 1) calc(100% - var(--u) * 3), calc(100% - var(--u) * 2) calc(100% - var(--u) * 3), calc(100% - var(--u) * 2) calc(100% - var(--u) * 2), calc(100% - var(--u) * 3) calc(100% - var(--u) * 2), calc(100% - var(--u) * 3) calc(100% - var(--u) * 1), calc(100% - var(--u) * 4) calc(100% - var(--u) * 1), calc(100% - var(--u) * 4) 100%, calc(var(--u) * 4) 100%, calc(var(--u) * 4) calc(100% - var(--u) * 1), calc(var(--u) * 3) calc(100% - var(--u) * 1), calc(var(--u) * 3) calc(100% - var(--u) * 2), calc(var(--u) * 2) calc(100% - var(--u) * 2), calc(var(--u) * 2) calc(100% - var(--u) * 3), calc(var(--u) * 1) calc(100% - var(--u) * 3), calc(var(--u) * 1) calc(100% - var(--u) * 4), 0 calc(100% - var(--u) * 4), 0 calc(100% - var(--u) * 5), 0 calc(100% - var(--u) * 6), 0 calc(100% - var(--u) * 7));--rg-clip-face: polygon(0 calc(var(--u) * 6), 0 calc(var(--u) * 5), 0 calc(var(--u) * 4), calc(var(--u) * 1) calc(var(--u) * 4), calc(var(--u) * 1) calc(var(--u) * 3), calc(var(--u) * 1) calc(var(--u) * 2), calc(var(--u) * 2) calc(var(--u) * 2), calc(var(--u) * 2) calc(var(--u) * 1), calc(var(--u) * 4) calc(var(--u) * 1), calc(var(--u) * 4) 0, calc(100% - var(--u) * 4) 0, calc(100% - var(--u) * 4) calc(var(--u) * 1), calc(100% - var(--u) * 2) calc(var(--u) * 1), calc(100% - var(--u) * 2) calc(var(--u) * 2), calc(100% - var(--u) * 1) calc(var(--u) * 2), calc(100% - var(--u) * 1) calc(var(--u) * 3), calc(100% - var(--u) * 1) calc(var(--u) * 4), 100% calc(var(--u) * 4), 100% calc(var(--u) * 5), 100% calc(var(--u) * 6), 100% calc(100% - var(--u) * 6), 100% calc(100% - var(--u) * 5), 100% calc(100% - var(--u) * 4), calc(100% - var(--u) * 1) calc(100% - var(--u) * 4), calc(100% - var(--u) * 1) calc(100% - var(--u) * 3), calc(100% - var(--u) * 1) calc(100% - var(--u) * 2), calc(100% - var(--u) * 2) calc(100% - var(--u) * 2), calc(100% - var(--u) * 2) calc(100% - var(--u) * 1), calc(100% - var(--u) * 4) calc(100% - var(--u) * 1), calc(100% - var(--u) * 4) 100%, calc(var(--u) * 4) 100%, calc(var(--u) * 4) calc(100% - var(--u) * 1), calc(var(--u) * 2) calc(100% - var(--u) * 1), calc(var(--u) * 2) calc(100% - var(--u) * 2), calc(var(--u) * 1) calc(100% - var(--u) * 2), calc(var(--u) * 1) calc(100% - var(--u) * 3), calc(var(--u) * 1) calc(100% - var(--u) * 4), 0 calc(100% - var(--u) * 4), 0 calc(100% - var(--u) * 5), 0 calc(100% - var(--u) * 6))}.rg-btn--square,.rg-shape--square{--rg-clip: polygon(0 calc(var(--u) * 2), 0 calc(var(--u) * 1), calc(var(--u) * 1) calc(var(--u) * 1), calc(var(--u) * 1) 0, calc(100% - var(--u) * 1) 0, calc(100% - var(--u) * 1) calc(var(--u) * 1), 100% calc(var(--u) * 1), 100% calc(var(--u) * 2), 100% calc(100% - var(--u) * 2), 100% calc(100% - var(--u) * 1), calc(100% - var(--u) * 1) calc(100% - var(--u) * 1), calc(100% - var(--u) * 1) 100%, calc(var(--u) * 1) 100%, calc(var(--u) * 1) calc(100% - var(--u) * 1), 0 calc(100% - var(--u) * 1), 0 calc(100% - var(--u) * 2));--rg-clip-face: polygon(0 calc(var(--u) * 1), 0 0, 100% 0, 100% calc(var(--u) * 1), 100% calc(100% - var(--u) * 1), 100% 100%, 0 100%, 0 calc(100% - var(--u) * 1))}.rg-btn--tiny,.rg-shape--tiny{--rg-clip: polygon(0 calc(var(--u) * 1), 0 0, 100% 0, 100% calc(var(--u) * 1), 100% calc(100% - var(--u) * 1), 100% 100%, 0 100%, 0 calc(100% - var(--u) * 1));--rg-clip-face: none}.rg-btn--pill{--rg-shine-x: calc(var(--u) * 6)}.rg-btn--pill .rg-btn__face{padding-inline:calc(var(--rg-pad) + var(--u) * 2)}.rg-btn__face:has(.rg-btn__sparkles){padding-inline:calc(var(--rg-pad) + var(--u) * 5)}.rg-btn--pill .rg-btn__face:has(.rg-btn__sparkles){padding-inline:calc(var(--rg-pad) + var(--u) * 6)}.rg-btn--block,.rg-btn--square{--rg-shine-x: calc(var(--u) * 2.5)}.rg-btn--round,.rg-btn--square{--rg-pad: 0px}.rg-btn--round .rg-btn__face,.rg-btn--square .rg-btn__face{width:var(--rg-h);padding:0}.rg-btn--round{--rg-h: calc(48 * var(--rg-px));--rg-shine-x: calc(var(--u) * 3)}.rg-btn--round.rg-btn--sm{--rg-h: calc(38 * var(--rg-px))}.rg-btn--round.rg-btn--lg{--rg-h: calc(62 * var(--rg-px))}.rg-btn--square.rg-btn--sm{--rg-h: calc(34 * var(--rg-px))}.rg-btn--round .rg-btn__face:before{top:calc(var(--u) * 2);width:calc(var(--u) * 2)}.rg-btn__letter{font-family:var(--rg-btn-font);font-synthesis:none;font-size:calc(var(--rg-h) * .5);font-weight:400;line-height:1;-webkit-font-smoothing:none}.rg-dpad{--u: calc(4 * var(--rg-px));--rg-dpad: calc(120 * var(--rg-px));--c: #a982f2;--c-light: #d8c6fb;--c-dark: #7a4fd4;--rg-cross: polygon(33.33% calc(var(--u) * 1), calc(33.33% + var(--u)) 0, calc(66.66% - var(--u)) 0, 66.66% calc(var(--u) * 1), 66.66% 33.33%, calc(100% - var(--u)) 33.33%, 100% calc(33.33% + var(--u)), 100% calc(66.66% - var(--u)), calc(100% - var(--u)) 66.66%, 66.66% 66.66%, 66.66% calc(100% - var(--u)), calc(66.66% - var(--u)) 100%, calc(33.33% + var(--u)) 100%, 33.33% calc(100% - var(--u)), 33.33% 66.66%, calc(var(--u) * 1) 66.66%, 0 calc(66.66% - var(--u)), 0 calc(33.33% + var(--u)), calc(var(--u) * 1) 33.33%, 33.33% 33.33%);position:relative;display:inline-grid;grid-template:repeat(3,1fr) / repeat(3,1fr);width:var(--rg-dpad);height:var(--rg-dpad);filter:drop-shadow(0 var(--u) 0 var(--rg-navy)) drop-shadow(calc(3 * var(--rg-px)) calc(4 * var(--rg-px)) 0 rgba(28,26,74,.14));transition:transform .1s steps(2,end)}.rg-dpad:before,.rg-dpad:after{content:"";position:absolute;clip-path:var(--rg-cross);pointer-events:none}.rg-dpad:before{top:0;right:0;bottom:0;left:0;background:var(--rg-navy)}.rg-dpad:after{inset:var(--u);background:var(--c);box-shadow:inset 0 var(--u) 0 var(--c-light),inset 0 calc(var(--u) * -1.5) 0 var(--c-dark)}.rg-dpad__btn{position:relative;z-index:1;display:grid;place-items:center;margin:0;padding:0;border:0;background:transparent;color:var(--rg-navy);cursor:pointer;-webkit-tap-highlight-color:transparent}.rg-dpad__btn .rg-icon{width:55%;height:55%;transition:transform .08s steps(1)}.rg-dpad__btn--up{grid-area:1 / 2}.rg-dpad__btn--left{grid-area:2 / 1}.rg-dpad__btn--right{grid-area:2 / 3}.rg-dpad__btn--down{grid-area:3 / 2}.rg-dpad__center{position:relative;z-index:1;grid-area:2 / 2;align-self:center;justify-self:center;width:42%;height:42%;background:var(--rg-navy);clip-path:polygon(25% 0,75% 0,75% 12.5%,87.5% 12.5%,87.5% 25%,100% 25%,100% 75%,87.5% 75%,87.5% 87.5%,75% 87.5%,75% 100%,25% 100%,25% 87.5%,12.5% 87.5%,12.5% 75%,0 75%,0 25%,12.5% 25%,12.5% 12.5%,25% 12.5%)}.rg-dpad__btn:active .rg-icon{transform:scale(.85)}.rg-dpad:has(.rg-dpad__btn--up:active){transform:perspective(calc(300 * var(--rg-px))) rotateX(10deg)}.rg-dpad:has(.rg-dpad__btn--down:active){transform:perspective(calc(300 * var(--rg-px))) rotateX(-10deg)}.rg-dpad:has(.rg-dpad__btn--left:active){transform:perspective(calc(300 * var(--rg-px))) rotateY(-10deg)}.rg-dpad:has(.rg-dpad__btn--right:active){transform:perspective(calc(300 * var(--rg-px))) rotateY(10deg)}.rg-dpad__btn:focus-visible{outline:calc(2 * var(--rg-px)) dashed var(--rg-navy);outline-offset:calc(-4 * var(--rg-px))}.rg-dpad--sm{--u: calc(3 * var(--rg-px));--rg-dpad: calc(84 * var(--rg-px))}.rg-console-key{display:inline-flex;flex-direction:column;align-items:center;gap:calc(10 * var(--rg-px));margin:0;padding:calc(4 * var(--rg-px));border:0;background:none;color:var(--rg-navy);cursor:pointer;-webkit-tap-highlight-color:transparent}.rg-console-key__cap{--u: calc(3 * var(--rg-px));--c: #8f89c4;--c-light: #c4c0e8;--c-dark: #5d5797;display:block;width:calc(54 * var(--rg-px));height:calc(18 * var(--rg-px));padding:var(--u);background:var(--rg-navy);clip-path:polygon(0 calc(var(--u) * 2),calc(var(--u) * 1) calc(var(--u) * 2),calc(var(--u) * 1) var(--u),calc(var(--u) * 2) var(--u),calc(var(--u) * 2) 0,calc(100% - var(--u) * 2) 0,calc(100% - var(--u) * 2) var(--u),calc(100% - var(--u)) var(--u),calc(100% - var(--u)) calc(var(--u) * 2),100% calc(var(--u) * 2),100% calc(100% - var(--u) * 2),calc(100% - var(--u)) calc(100% - var(--u) * 2),calc(100% - var(--u)) calc(100% - var(--u)),calc(100% - var(--u) * 2) calc(100% - var(--u)),calc(100% - var(--u) * 2) 100%,calc(var(--u) * 2) 100%,calc(var(--u) * 2) calc(100% - var(--u)),var(--u) calc(100% - var(--u)),var(--u) calc(100% - var(--u) * 2),0 calc(100% - var(--u) * 2));transform:rotate(-24deg);filter:drop-shadow(0 calc(2 * var(--rg-px)) 0 var(--rg-navy))}.rg-console-key__cap:after{content:"";display:block;height:100%;background:var(--c);box-shadow:inset 0 calc(2 * var(--rg-px)) 0 var(--c-light),inset 0 calc(-3 * var(--rg-px)) 0 var(--c-dark)}.rg-console-key__label{font-family:var(--rg-btn-font);font-synthesis:none;font-size:calc(10 * var(--rg-px));font-weight:400;letter-spacing:.1em;-webkit-font-smoothing:none}.rg-console-key:active .rg-console-key__cap{transform:rotate(-24deg) translateY(calc(2 * var(--rg-px)));filter:none}.rg-console-key:focus-visible{outline:calc(2 * var(--rg-px)) dashed var(--rg-navy);outline-offset:calc(2 * var(--rg-px))}.rg-switch{--u: calc(3 * var(--rg-px));display:inline-flex;align-items:center;gap:calc(12 * var(--rg-px));margin:0;padding:calc(4 * var(--rg-px));border:0;background:none;color:var(--rg-navy);cursor:pointer;-webkit-tap-highlight-color:transparent}.rg-switch__track{position:relative;display:block;width:calc(64 * var(--rg-px));height:calc(34 * var(--rg-px));padding:var(--u);background:var(--rg-navy);clip-path:polygon(0 var(--u),var(--u) var(--u),var(--u) 0,calc(100% - var(--u)) 0,calc(100% - var(--u)) var(--u),100% var(--u),100% calc(100% - var(--u)),calc(100% - var(--u)) calc(100% - var(--u)),calc(100% - var(--u)) 100%,var(--u) 100%,var(--u) calc(100% - var(--u)),0 calc(100% - var(--u)))}.rg-switch__track:before{content:"";display:block;height:100%;background:#c9c4e6;box-shadow:inset 0 var(--u) 0 #1c1a4a40;transition:background-color .1s steps(1)}.rg-switch__knob{position:absolute;top:calc(var(--u) * 2);left:calc(var(--u) * 2);width:calc(22 * var(--rg-px));height:calc(22 * var(--rg-px));background:#fff;box-shadow:inset 0 calc(-3 * var(--rg-px)) 0 #c9c2f0,0 0 0 var(--u) var(--rg-navy);transition:transform .16s steps(4,end)}.rg-switch[aria-checked=true] .rg-switch__track:before{background:var(--c, #5ee6a0)}.rg-switch[aria-checked=true] .rg-switch__knob{transform:translate(calc(24 * var(--rg-px)))}.rg-switch__label{font-family:var(--rg-btn-font);font-synthesis:none;font-size:calc(14 * var(--rg-px));font-weight:400;letter-spacing:.08em;-webkit-font-smoothing:none}.rg-switch__state--on,.rg-switch[aria-checked=true] .rg-switch__state--off{display:none}.rg-switch[aria-checked=true] .rg-switch__state--on{display:inline}.rg-switch:focus-visible{outline:calc(2 * var(--rg-px)) dashed var(--rg-navy);outline-offset:calc(3 * var(--rg-px))}.rg-qty{display:inline-flex;align-items:center;gap:calc(10 * var(--rg-px))}.rg-lcd{--u: calc(3 * var(--rg-px));display:inline-flex;padding:var(--u);background:var(--rg-navy);clip-path:polygon(0 var(--u),var(--u) var(--u),var(--u) 0,calc(100% - var(--u)) 0,calc(100% - var(--u)) var(--u),100% var(--u),100% calc(100% - var(--u)),calc(100% - var(--u)) calc(100% - var(--u)),calc(100% - var(--u)) 100%,var(--u) 100%,var(--u) calc(100% - var(--u)),0 calc(100% - var(--u)))}.rg-lcd input{width:3.2em;height:calc(34 * var(--rg-px));margin:0;padding:0 calc(6 * var(--rg-px));border:0;border-radius:0;background:repeating-linear-gradient(0deg,rgba(28,26,74,.05) 0 calc(1 * var(--rg-px)),transparent calc(1 * var(--rg-px)) calc(3 * var(--rg-px))),#d8f3c8;box-shadow:inset 0 calc(3 * var(--rg-px)) 0 #1c1a4a2e;color:var(--rg-navy);font-family:var(--rg-btn-font);font-synthesis:none;font-size:calc(20 * var(--rg-px));font-weight:400;text-align:center;-moz-appearance:textfield;-webkit-font-smoothing:none}.rg-lcd input::-webkit-outer-spin-button,.rg-lcd input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.rg-lcd input:focus-visible{outline:calc(2 * var(--rg-px)) dashed var(--rg-navy);outline-offset:calc(-5 * var(--rg-px))}.rg-pager{display:inline-flex;flex-wrap:wrap;align-items:center;gap:calc(10 * var(--rg-px))}.rg-pager .rg-btn--square .rg-btn__face{width:auto;min-width:var(--rg-h);padding:0 calc(8 * var(--rg-px))}@media screen and (max-width:749px){.rg-btn--lg{--u: calc(4 * var(--rg-px));--rg-fs: calc(16 * var(--rg-px));--rg-pad: calc(22 * var(--rg-px));--rg-h: calc(44 * var(--rg-px));--rg-icon: calc(24 * var(--rg-px));--rg-gap: calc(10 * var(--rg-px))}.rg-btn--round.rg-btn--lg{--rg-h: calc(48 * var(--rg-px))}.rg-btn__label{white-space:normal;line-height:1.25;text-align:center}.rg-btn__face{padding-block:calc(var(--u) * 2)}}@keyframes rg-btn-twinkle{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.4);opacity:.4}}@keyframes rg-btn-dots{0%{opacity:1;box-shadow:calc(var(--u) * 4) 0 0 transparent,calc(var(--u) * 8) 0 0 transparent}33%{box-shadow:calc(var(--u) * 4) 0 0 var(--rg-ink),calc(var(--u) * 8) 0 0 transparent}66%{box-shadow:calc(var(--u) * 4) 0 0 var(--rg-ink),calc(var(--u) * 8) 0 0 var(--rg-ink)}}@media(prefers-reduced-motion:reduce){.rg-btn__body,.rg-dpad,.rg-switch__knob{transition:none}.rg-btn:hover .rg-btn__sparkles:before,.rg-btn:hover .rg-btn__sparkles:after,.rg-btn.is-loading .rg-btn__face:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/rg-buttons.css.map */