@layer core{@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__1o6nio4{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__1o6nio4.Button__fullWidth__1o6nio4{width:100%;display:block}.Button__1o6nio4.Button__sm__1o6nio4{--button-radius:var(--radius-md);--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__1o6nio4.Button__md__1o6nio4{--button-radius:var(--radius-md);--button-font:var(--font-preset-button-md);--button-padding:2px;--button-text-padding:var(--space-2) var(--space-3);--button-outline-width:1px;--button-outline-offset:0}.Button__1o6nio4.Button__lg__1o6nio4{--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__1o6nio4:hover{text-decoration:none;transition:--button-top-color .1s,--button-bottom-color .1s,--button-inner-top-color .1s,--button-inner-bottom-color .1s}.Button__1o6nio4:focus:focus{--button-top-color:#6b3100;--button-bottom-color:#6b3100;--button-outline-color:light-dark(#fff,#ccc)}.Button__1o6nio4:not(.Button__selected__1o6nio4,.Button__disabled__1o6nio4):active .Button__text__1o6nio4,.Button__1o6nio4.Button__loading__1o6nio4 .Button__text__1o6nio4{filter:brightness(.8);translate:.5px .5px}.Button__1o6nio4:not(.Button__selected__1o6nio4,.Button__disabled__1o6nio4):active .Button__bevel__1o6nio4,.Button__1o6nio4.Button__loading__1o6nio4 .Button__bevel__1o6nio4{opacity:.2}.Button__1o6nio4.Button__loading__1o6nio4:before,.Button__1o6nio4.Button__loading__1o6nio4: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__1o6nio4;position:absolute;inset:-2px}.Button__1o6nio4.Button__loading__1o6nio4:after{animation:3s linear -1.5s infinite Button__clipPath__1o6nio4}.Button__1o6nio4.Button__disabled__1o6nio4{cursor:not-allowed}.Button__1o6nio4.Button__selected__1o6nio4.Button__selected__1o6nio4{--button-top-color:#ffea00;--button-bottom-color:#ffea00;--button-outline-color:#fff}.Button__1o6nio4.Button__loading__1o6nio4{cursor:wait;--button-outline-color:#eee}.Button__1o6nio4[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__1o6nio4[data-variant=primary].Button__selected__1o6nio4{--button-inner-top-color:#f9d51d;--button-inner-bottom-color:#fced6c}.Button__1o6nio4[data-variant=primary]:hover{--button-top-color:#ae550e;--button-bottom-color:#e1890f;--button-inner-top-color:#f8d020;--button-inner-bottom-color:#fce86e}.Button__1o6nio4[data-variant=primary]:active,.Button__1o6nio4[data-variant=primary].Button__loading__1o6nio4{--button-top-color:#cd7b0f;--button-bottom-color:#e6a324}.Button__1o6nio4[data-variant=primary] .Button__decoration__1o6nio4{background:url(https://v4.mousehunt.com/images/ui/buttons/glow_spots.png) 100% 100%/800px;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__1o6nio4[data-variant=primary]{filter:brightness(.95)}.Button__1o6nio4[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__1o6nio4[data-variant=secondary].Button__selected__1o6nio4{--button-inner-top-color:#db8d18;--button-inner-bottom-color:#efb71a}.Button__1o6nio4[data-variant=secondary]:hover{--button-top-color:#9e5d1e;--button-bottom-color:#b26c13;--button-inner-top-color:#c57313;--button-inner-bottom-color:#e29b15}.Button__1o6nio4[data-variant=secondary]:active,.Button__1o6nio4[data-variant=secondary].Button__loading__1o6nio4{--button-top-color:#8f490c;--button-bottom-color:#af680c}.Button__1o6nio4[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__1o6nio4[data-variant=tertiary].Button__selected__1o6nio4{--button-inner-top-color:light-dark(#fcf5e3,#675447);--button-inner-bottom-color:light-dark(#faf8f1,#725c4c)}.Button__1o6nio4[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__1o6nio4[data-variant=tertiary]:active,.Button__1o6nio4[data-variant=tertiary].Button__loading__1o6nio4{--button-top-color:#ddc186;--button-bottom-color:#d6cdb1}.Button__1o6nio4[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__1o6nio4[data-variant=claim].Button__selected__1o6nio4{--button-inner-top-color:#2ab825;--button-inner-bottom-color:#45d956}.Button__1o6nio4[data-variant=claim]:hover{--button-top-color:#0e740e;--button-bottom-color:#3b8314;--button-inner-top-color:#2ab825;--button-inner-bottom-color:#45d956}.Button__1o6nio4[data-variant=claim]:active,.Button__1o6nio4[data-variant=claim].Button__loading__1o6nio4{--button-top-color:#1aa021;--button-bottom-color:#33c938}.Button__1o6nio4[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__1o6nio4[data-variant=destructive].Button__selected__1o6nio4{--button-inner-top-color:#d12b2d;--button-inner-bottom-color:#e95c56}.Button__1o6nio4[data-variant=destructive]:hover{--button-top-color:#911515;--button-bottom-color:#9f1d1b;--button-inner-top-color:#b82525;--button-inner-bottom-color:#d94a45}.Button__1o6nio4[data-variant=destructive]:active,.Button__1o6nio4[data-variant=destructive].Button__loading__1o6nio4{--button-top-color:#8f490c;--button-bottom-color:#af680c}.Button__1o6nio4[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__1o6nio4[data-variant=premium].Button__selected__1o6nio4{--button-inner-top-color:#30f1f3;--button-inner-bottom-color:#b3fdfe}.Button__1o6nio4[data-variant=premium]:hover{--button-top-color:#0f83ae;--button-bottom-color:#3dabb8;--button-inner-top-color:#25e6e9;--button-inner-bottom-color:#97fcfd}.Button__1o6nio4[data-variant=premium]:active,.Button__1o6nio4[data-variant=premium].Button__loading__1o6nio4{--button-top-color:#0ab2b9;--button-bottom-color:#45dbde}.Button__1o6nio4[data-variant=premium] .Button__decoration__1o6nio4{background:url(https://v4.mousehunt.com/images/ui/buttons/premium_sparkles.png) 0 0/contain fixed;position:absolute;inset:0}.Button__1o6nio4[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__1o6nio4[data-variant=regal].Button__selected__1o6nio4{--button-inner-top-color:#e3acfd;--button-inner-bottom-color:#eac9fe}.Button__1o6nio4[data-variant=regal]:hover{--button-top-color:#733c9c;--button-bottom-color:#863ead;--button-inner-top-color:#d090fc;--button-inner-bottom-color:#daaffd}.Button__1o6nio4[data-variant=regal]:active,.Button__1o6nio4[data-variant=regal].Button__loading__1o6nio4{--button-top-color:#0ab2b9;--button-bottom-color:#45dbde}.Button__1o6nio4[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__1o6nio4.Button__shake__1o6nio4{animation:.3s ease-out both Button__shake__1o6nio4}.Button__background__1o6nio4{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__1o6nio4{border-radius:calc(var(--radius-md) * .8);flex:1;position:relative;overflow:hidden}.Button__bevel__1o6nio4 .Button__glint__1o6nio4{background:linear-gradient(#fff9 23.08%,#ffffff0d 87.02%);height:4px;position:absolute;top:0;left:0;right:0}.Button__bevel__1o6nio4 .Button__glint__1o6nio4: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__1o6nio4{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__1o6nio4:has(.Button__cost__1o6nio4){align-items:center;gap:var(--space-2);padding-left:var(--button-padding);display:inline-flex}.Button__1o6nio4:has(.Button__cost__1o6nio4).Button__sm__1o6nio4 .Button__cost__1o6nio4{width:var(--icon-size-xs)}.Button__1o6nio4:has(.Button__cost__1o6nio4).Button__md__1o6nio4 .Button__cost__1o6nio4{width:var(--icon-size-sm)}.Button__1o6nio4:has(.Button__cost__1o6nio4).Button__lg__1o6nio4 .Button__cost__1o6nio4{width:var(--icon-size-md)}.Button__1o6nio4:has(.Button__cost__1o6nio4) .Button__text__1o6nio4{text-align:left;flex:1;padding-left:0}.Button__1o6nio4:has(.Button__cost__1o6nio4) .Button__cost__1o6nio4{align-self:stretch;position:relative}.Button__1o6nio4:has(.Button__cost__1o6nio4) .Button__cost__1o6nio4 .Button__content__1o6nio4{position:absolute;bottom:0;left:0;right:0}.Button__1o6nio4:has(.Button__cost__1o6nio4) .Button__cost__1o6nio4 .Button__content__1o6nio4>:not(.Button__quantity__1o6nio4){transform-origin:0 100%;scale:1.1}.Button__1o6nio4:has(.Button__cost__1o6nio4) .Button__cost__1o6nio4 .Button__quantity__1o6nio4{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__1o6nio4:has(.Button__caption__1o6nio4){margin-bottom:var(--space-5)}.Button__1o6nio4:has(.Button__caption__1o6nio4).Button__sm__1o6nio4 .Button__caption__1o6nio4{font:var(--font-preset-xs);font-style:italic}.Button__1o6nio4:has(.Button__caption__1o6nio4).Button__md__1o6nio4 .Button__caption__1o6nio4{font:var(--font-preset-sm);font-style:italic}.Button__1o6nio4:has(.Button__caption__1o6nio4).Button__lg__1o6nio4 .Button__caption__1o6nio4{font:var(--font-preset);font-style:italic}.Button__1o6nio4:has(.Button__caption__1o6nio4) .Button__caption__1o6nio4{text-align:center;text-overflow:ellipsis;white-space:no-wrap;position:absolute;top:100%;left:0;right:0;overflow:hidden}.Button__1o6nio4:has(.Button__prefix__1o6nio4){align-items:center;gap:var(--space-2);padding-left:var(--button-padding);display:inline-flex}.Button__1o6nio4:has(.Button__prefix__1o6nio4).Button__sm__1o6nio4 .Button__prefix__1o6nio4{width:var(--icon-size-xs)}.Button__1o6nio4:has(.Button__prefix__1o6nio4).Button__md__1o6nio4 .Button__prefix__1o6nio4{width:var(--icon-size-sm)}.Button__1o6nio4:has(.Button__prefix__1o6nio4).Button__lg__1o6nio4 .Button__prefix__1o6nio4{width:var(--icon-size-md)}.Button__1o6nio4:has(.Button__prefix__1o6nio4) .Button__text__1o6nio4{text-align:left;flex:1;padding-left:0}.Button__1o6nio4:has(.Button__prefix__1o6nio4) .Button__cost__1o6nio4{align-self:stretch;position:relative}.Button__1o6nio4:has(.Button__prefix__1o6nio4) .Button__cost__1o6nio4 .Button__content__1o6nio4{position:absolute;bottom:0;left:0;right:0}@keyframes Button__shake__1o6nio4{33%{transform:skew(15deg)}66%{transform:skew(-15deg)}to{transform:skew(0deg)}}@keyframes Button__clipPath__1o6nio4{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%)}}}
