@property --button-top-color{syntax:"<color>";inherits:true;initial-value:#c67113}@property --button-bottom-color{syntax:"<color>";inherits:true;initial-value:#eba515}@property --button-inner-top-color{syntax:"<color>";inherits:true;initial-value:#f4bd17}@property --button-inner-bottom-color{syntax:"<color>";inherits:true;initial-value:#fffefb}.Button__12zts{vertical-align:middle;z-index:1;border-radius:var(--button-radius);background:linear-gradient(180deg, var(--button-top-color) 0, var(--button-bottom-color) 100%);-webkit-user-select:none;user-select:none;--button-text-color:#fff;--button-text-shadow:inherit;--button-outline-color:transparent;text-decoration:none;transition:--button-top-color .5s,--button-bottom-color .5s,--button-inner-top-color .5s,--button-inner-bottom-color .5s;display:inline-block;position:relative}.Button__12zts.Button__fullWidth__12zts{width:100%;display:block}.Button__12zts.Button__sm__12zts{--button-radius:var(--radius);--button-font:var(--font-preset-button-sm);--button-padding:2px;--button-text-padding:6px var(--space-2);--button-outline-width:.5px;--button-outline-offset:0}.Button__12zts.Button__md__12zts{--button-radius:var(--radius);--button-font:var(--font-preset-button);--button-padding:2px;--button-text-padding:var(--space-2) var(--space-3);--button-outline-width:1px;--button-outline-offset:0}.Button__12zts.Button__lg__12zts{--button-radius:var(--radius-lg);--button-font:var(--font-preset-button-lg);--button-padding:var(--space-1);--button-text-padding:var(--space-2) var(--space-4);--button-outline-width:2px;--button-outline-offset:-2px}.Button__12zts:hover{text-decoration:none;transition:--button-top-color .1s,--button-bottom-color .1s,--button-inner-top-color .1s,--button-inner-bottom-color .1s}.Button__12zts:focus:focus{--button-top-color:#6b3100;--button-bottom-color:#6b3100;--button-outline-color:light-dark(#fff,#ccc)}.Button__12zts:not(.Button__selected__12zts,.Button__disabled__12zts):active .Button__text__12zts,.Button__12zts.Button__loading__12zts .Button__text__12zts{filter:brightness(.8);translate:.5px .5px}.Button__12zts:not(.Button__selected__12zts,.Button__disabled__12zts):active .Button__bevel__12zts,.Button__12zts.Button__loading__12zts .Button__bevel__12zts{opacity:.2}.Button__12zts.Button__loading__12zts:before,.Button__12zts.Button__loading__12zts:after{opacity:1;z-index:-1;border:var(--button-outline-width) solid color-mix(in srgb, var(--button-outline-color), #000 50%);border-radius:calc(var(--button-radius) * 1.2);content:"";transition:all .5s;animation:3s linear infinite Button__clipPath__12zts;position:absolute;inset:-2px}.Button__12zts.Button__loading__12zts:after{animation:3s linear -1.5s infinite Button__clipPath__12zts}.Button__12zts.Button__disabled__12zts{cursor:not-allowed}.Button__12zts.Button__selected__12zts.Button__selected__12zts{--button-top-color:#ffea00;--button-bottom-color:#ffea00;--button-outline-color:#fff}.Button__12zts.Button__loading__12zts{cursor:wait;--button-outline-color:#eee}.Button__12zts[data-variant=primary]{--button-text-color:#6b3100;--button-top-color:#c67113;--button-bottom-color:#eba515;--button-inner-top-color:#f4bd17;--button-inner-bottom-color:#fadf57}.Button__12zts[data-variant=primary].Button__selected__12zts{--button-inner-top-color:#f9d51d;--button-inner-bottom-color:#fced6c}.Button__12zts[data-variant=primary]:hover{--button-top-color:#ae550e;--button-bottom-color:#e1890f;--button-inner-top-color:#f8d020;--button-inner-bottom-color:#fce86e}.Button__12zts[data-variant=primary]:active,.Button__12zts[data-variant=primary].Button__loading__12zts{--button-top-color:#cd7b0f;--button-bottom-color:#e6a324}.Button__12zts[data-variant=primary] .Button__decoration__12zts{background:url(./glow_spots-BuD7OaaG.png) 100% 100%/800px fixed;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 50%,#000 50% 100%);mask-image:linear-gradient(#0000 50%,#000 50% 100%)}html[data-theme=dark] .Button__12zts[data-variant=primary]{filter:brightness(.95)}.Button__12zts[data-variant=secondary]{--button-text-shadow:-1px -1px 0 #743410, 1px -1px 0 #743410, -1px 1px 0 #743410, 1px 1px 0 #743410, 0 0 6.3px #0009, 0 2px 2px #0009;--button-top-color:#7f4418;--button-bottom-color:#904e0d;--button-inner-top-color:#ae590e;--button-inner-bottom-color:#d57e0f}.Button__12zts[data-variant=secondary].Button__selected__12zts{--button-inner-top-color:#db8d18;--button-inner-bottom-color:#efb71a}.Button__12zts[data-variant=secondary]:hover{--button-top-color:#9e5d1e;--button-bottom-color:#b26c13;--button-inner-top-color:#c57313;--button-inner-bottom-color:#e29b15}.Button__12zts[data-variant=secondary]:active,.Button__12zts[data-variant=secondary].Button__loading__12zts{--button-top-color:#8f490c;--button-bottom-color:#af680c}.Button__12zts[data-variant=tertiary]{--button-text-color:light-dark(#6b3100,#eee);--button-text-shadow:1px 1px light-dark(#f6e4bc,#2d231d);--button-top-color:light-dark(#c9a465,#1f1713);--button-bottom-color:light-dark(#d7ba7c,#2d231d);--button-inner-top-color:light-dark(#f6e4bc,#3e322a);--button-inner-bottom-color:light-dark(#f2ecda,#45372d)}.Button__12zts[data-variant=tertiary].Button__selected__12zts{--button-inner-top-color:light-dark(#fcf5e3,#675447);--button-inner-bottom-color:light-dark(#faf8f1,#725c4c)}.Button__12zts[data-variant=tertiary]:hover{--button-top-color:light-dark(#d8bd81,#2c211b);--button-bottom-color:light-dark(#e3ce99,#4c3d34);--button-inner-top-color:light-dark(#f9edd0,#534339);--button-inner-bottom-color:light-dark(#f6f2e6,#5c4a3d)}.Button__12zts[data-variant=tertiary]:active,.Button__12zts[data-variant=tertiary].Button__loading__12zts{--button-top-color:#ddc186;--button-bottom-color:#d6cdb1}.Button__12zts[data-variant=claim]{--button-text-shadow:1px 1px #771110;--button-top-color:#0e740e;--button-bottom-color:#3b8314;--button-inner-top-color:#1aa021;--button-inner-bottom-color:#33c938}.Button__12zts[data-variant=claim].Button__selected__12zts{--button-inner-top-color:#2ab825;--button-inner-bottom-color:#45d956}.Button__12zts[data-variant=claim]:hover{--button-top-color:#0e740e;--button-bottom-color:#3b8314;--button-inner-top-color:#2ab825;--button-inner-bottom-color:#45d956}.Button__12zts[data-variant=claim]:active,.Button__12zts[data-variant=claim].Button__loading__12zts{--button-top-color:#1aa021;--button-bottom-color:#33c938}.Button__12zts[data-variant=destructive]{--button-text-shadow:1px 1px #771110;--button-top-color:#740f0e;--button-bottom-color:#831514;--button-inner-top-color:#a01a1b;--button-inner-bottom-color:#c93733}.Button__12zts[data-variant=destructive].Button__selected__12zts{--button-inner-top-color:#d12b2d;--button-inner-bottom-color:#e95c56}.Button__12zts[data-variant=destructive]:hover{--button-top-color:#911515;--button-bottom-color:#9f1d1b;--button-inner-top-color:#b82525;--button-inner-bottom-color:#d94a45}.Button__12zts[data-variant=destructive]:active,.Button__12zts[data-variant=destructive].Button__loading__12zts{--button-top-color:#8f490c;--button-bottom-color:#af680c}.Button__12zts[data-variant=premium]{--button-text-shadow:1px 1px #a1fff5;--button-text-color:#00275c;--button-top-color:#0b6894;--button-bottom-color:#2c91a1;--button-inner-top-color:#1bdbdf;--button-inner-bottom-color:#7af9fb}.Button__12zts[data-variant=premium].Button__selected__12zts{--button-inner-top-color:#30f1f3;--button-inner-bottom-color:#b3fdfe}.Button__12zts[data-variant=premium]:hover{--button-top-color:#0f83ae;--button-bottom-color:#3dabb8;--button-inner-top-color:#25e6e9;--button-inner-bottom-color:#97fcfd}.Button__12zts[data-variant=premium]:active,.Button__12zts[data-variant=premium].Button__loading__12zts{--button-top-color:#0ab2b9;--button-bottom-color:#45dbde}.Button__12zts[data-variant=premium] .Button__decoration__12zts{background:url(./premium_sparkles-COeRdSEU.png) 0 0/contain fixed;position:absolute;inset:0}.Button__12zts[data-variant=regal]{--button-text-shadow:1px 1px #e3acfd;--button-text-color:#300851;--button-top-color:#592c7f;--button-bottom-color:#6a2e91;--button-inner-top-color:#bc73fa;--button-inner-bottom-color:#ca93fb}.Button__12zts[data-variant=regal].Button__selected__12zts{--button-inner-top-color:#e3acfd;--button-inner-bottom-color:#eac9fe}.Button__12zts[data-variant=regal]:hover{--button-top-color:#733c9c;--button-bottom-color:#863ead;--button-inner-top-color:#d090fc;--button-inner-bottom-color:#daaffd}.Button__12zts[data-variant=regal]:active,.Button__12zts[data-variant=regal].Button__loading__12zts{--button-top-color:#0ab2b9;--button-bottom-color:#45dbde}.Button__12zts[data-variant=disabled]{--button-top-color:#989898;--button-bottom-color:#a9a9a9;--button-inner-top-color:#b5b5b5;--button-inner-bottom-color:#cfcfcf;--button-text-color:#5e5e5e;--button-text-shadow:inherit}.Button__12zts.Button__shake__12zts{animation:.3s ease-out both Button__shake__12zts}.Button__background__12zts{z-index:-1;outline-color:var(--button-outline-color);outline-style:solid;outline-width:var(--button-outline-width);outline-offset:var(--button-outline-offset);border-radius:calc(var(--button-radius) * .8);background:linear-gradient(180deg, var(--button-inner-top-color) 0%, var(--button-inner-bottom-color) 85.58%);padding:var(--button-padding);pointer-events:none;display:flex;position:absolute;inset:2px}.Button__bevel__12zts{border-radius:calc(var(--radius) * .8);flex:1;position:relative;overflow:hidden}.Button__bevel__12zts .Button__glint__12zts{background:linear-gradient(#fff9 23.08%,#ffffff0d 87.02%);height:4px;position:absolute;top:0;left:0;right:0}.Button__bevel__12zts .Button__glint__12zts:before{clip-path:polygon(0 0,100% 100%,100% 0);content:"";background-color:#fff;height:2px;position:absolute;top:0;left:0;right:0}.Button__text__12zts{padding:var(--button-text-padding);color:var(--button-text-color);font:var(--button-font);text-align:center;text-shadow:var(--button-text-shadow);display:block}.Button__12zts:has(.Button__cost__12zts){align-items:center;gap:var(--space-2);padding-left:var(--button-padding);display:inline-flex}.Button__12zts:has(.Button__cost__12zts).Button__sm__12zts .Button__cost__12zts{width:var(--icon-size-xs)}.Button__12zts:has(.Button__cost__12zts).Button__md__12zts .Button__cost__12zts{width:var(--icon-size-sm)}.Button__12zts:has(.Button__cost__12zts).Button__lg__12zts .Button__cost__12zts{width:var(--icon-size)}.Button__12zts:has(.Button__cost__12zts) .Button__text__12zts{text-align:left;flex:1;padding-left:0}.Button__12zts:has(.Button__cost__12zts) .Button__cost__12zts{align-self:stretch;position:relative}.Button__12zts:has(.Button__cost__12zts) .Button__cost__12zts .Button__content__12zts{position:absolute;bottom:0;left:0;right:0}.Button__12zts:has(.Button__cost__12zts) .Button__cost__12zts .Button__content__12zts>:not(.Button__quantity__12zts){transform-origin:0 100%;scale:1.1}.Button__12zts:has(.Button__cost__12zts) .Button__cost__12zts .Button__quantity__12zts{color:var(--button-text-color);font:var(--button-font);text-align:center;text-shadow:var(--button-text-shadow);position:absolute;bottom:7%;right:15%}.Button__12zts:has(.Button__caption__12zts){margin-bottom:var(--space-5)}.Button__12zts:has(.Button__caption__12zts).Button__sm__12zts .Button__caption__12zts{font:var(--font-preset-xs);font-style:italic}.Button__12zts:has(.Button__caption__12zts).Button__md__12zts .Button__caption__12zts{font:var(--font-preset-sm);font-style:italic}.Button__12zts:has(.Button__caption__12zts).Button__lg__12zts .Button__caption__12zts{font:var(--font-preset);font-style:italic}.Button__12zts:has(.Button__caption__12zts) .Button__caption__12zts{text-align:center;text-overflow:ellipsis;white-space:no-wrap;position:absolute;top:100%;left:0;right:0;overflow:hidden}.Button__12zts:has(.Button__prefix__12zts){align-items:center;gap:var(--space-2);padding-left:var(--button-padding);display:inline-flex}.Button__12zts:has(.Button__prefix__12zts).Button__sm__12zts .Button__prefix__12zts{width:var(--icon-size-xs)}.Button__12zts:has(.Button__prefix__12zts).Button__md__12zts .Button__prefix__12zts{width:var(--icon-size-sm)}.Button__12zts:has(.Button__prefix__12zts).Button__lg__12zts .Button__prefix__12zts{width:var(--icon-size)}.Button__12zts:has(.Button__prefix__12zts) .Button__text__12zts{text-align:left;flex:1;padding-left:0}.Button__12zts:has(.Button__prefix__12zts) .Button__cost__12zts{align-self:stretch;position:relative}.Button__12zts:has(.Button__prefix__12zts) .Button__cost__12zts .Button__content__12zts{position:absolute;bottom:0;left:0;right:0}@keyframes Button__shake__12zts{33%{transform:skew(15deg)}66%{transform:skew(-15deg)}to{transform:skew(0deg)}}@keyframes Button__clipPath__12zts{0%,to{clip-path:inset(0 0 98%)}25%{clip-path:inset(0 98% 0 0)}50%{clip-path:inset(98% 0 0)}75%{clip-path:inset(0 0 0 98%)}}
