.button{cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-2);text-overflow:ellipsis;white-space:nowrap;color:var(--colors-text-usual-prime);background-color:#0000;width:fit-content;min-width:fit-content;height:fit-content;transition:background-color .12s ease-out;display:inline-flex;position:relative;overflow:hidden}@media (width>=1024px){.button:hover{color:var(--colors-text-usual-prime)}}.button.mini{padding:var(--spacing-2);gap:var(--spacing-1);border-radius:var(--radius-1)}.button.mini:not(.no-min-width){min-width:128px}.button.mini{font-size:var(--spacing-4);font-style:normal;font-weight:700;line-height:var(--spacing-5)}@media (width>=1024px){.button.mini:hover{background-color:var(--colors-additional-space-2)}}.button.medium{padding:var(--spacing-2);gap:var(--spacing-1);border-radius:var(--radius-1);height:var(--spacing-10)}.button.medium:not(.no-min-width){min-width:128px}.button.medium{font-size:var(--spacing-4);font-style:normal;font-weight:700;line-height:var(--spacing-5)}.button.big{font-size:var(--spacing-5);font-style:normal;font-weight:600;line-height:var(--spacing-8);letter-spacing:-.32px;padding:var(--spacing-5);gap:var(--spacing-5);border-radius:var(--radius-3);height:var(--spacing-12)}.button.big.disabled{background-color:var(--colors-additional-space-2);color:var(--colors-text-usual-third)}.button.round-icon-button,.button.round-icon-button-color,.button.round-text-button{width:var(--spacing-10);height:var(--spacing-10);border-radius:100px}.button.round-icon-button:not(.round-icon-button-color),.button.round-icon-button-color:not(.round-icon-button-color),.button.round-text-button:not(.round-icon-button-color){border:1px solid var(--colors-surface-usual-third)}.button.round-icon-button,.button.round-icon-button-color,.button.round-text-button{background:var(--colors-surface-usual-prime);color:var(--colors-icon-usual-prime);flex-shrink:0;transition:background-color .15s ease-out}.button.round-icon-button svg,.button.round-icon-button-color svg,.button.round-text-button svg{width:24px;height:auto}@media (width>=1024px){.button.round-icon-button:hover,.button.round-icon-button-color:hover,.button.round-text-button:hover{background:var(--colors-surface-usual-third);color:var(--colors-icon-usual-prime)}}.button.round-text-button{width:fit-content;padding:0 var(--spacing-5);font-size:var(--spacing-5);font-style:normal;font-weight:600;line-height:var(--spacing-8);letter-spacing:-.32px}.button.round-icon-button-invert{width:var(--spacing-10);height:var(--spacing-10);border:1px solid var(--colors-surface-usual-third);background:var(--colors-surface-invert-prime);color:var(--colors-icon-invert-prime);border-radius:100px;transition:background-color .15s ease-out}.button.round-icon-button-invert svg{width:24px;height:auto}@media (width>=1024px){.button.round-icon-button-invert:hover{background:var(--colors-surface-invert-second);color:var(--colors-icon-invert-second)}}.button.round-icon-button-arrow{width:var(--spacing-10);height:var(--spacing-10);border:1px solid var(--colors-surface-usual-third);background-color:var(--colors-surface-usual-prime);color:var(--colors-icon-usual-prime);border-radius:100px;transition:all .15s ease-out;overflow:visible}.button.round-icon-button-arrow svg{width:24px;height:auto}.button.round-icon-button-arrow:before{content:"";border-radius:inherit;width:calc(var(--spacing-10) - 2px);height:calc(var(--spacing-10) - 2px);border:0 solid var(--colors-surface-usual-third);transition:all .15s ease-out;position:absolute}@media (width>=1024px){.button.round-icon-button-arrow:hover{border:var(--colors-surface-usual-third);background:var(--colors-surface-usual-third);color:var(--colors-icon-usual-prime)}.button.round-icon-button-arrow:hover:before{border-width:5px}}.button.action-button{gap:var(--spacing-2);padding:0 var(--spacing-4);height:var(--spacing-9);background-color:var(--colors-surface-usual-prime);text-overflow:ellipsis;white-space:nowrap;border-radius:var(--radius-4);color:var(--colors-text-usual-prime);border:1px solid var(--colors-border-usual-prime);font-size:var(--spacing-5);font-style:normal;font-weight:600;line-height:var(--spacing-8);letter-spacing:-.32px;transition:background-color .12s ease-out;overflow:hidden}@media (width>=1024px){.button.action-button:hover{background-color:var(--colors-surface-usual-third);color:var(--colors-text-usual-prime)}.button.action-button:hover .animated-right-content{width:24px;transform:translate(0)}}.button.action-button .animated-right-content{align-items:center;width:8px;margin:0 -8px;transition:width .3s cubic-bezier(.34,2,.64,1),transform 60ms linear;display:flex;overflow:visible;transform:translate(40px)}.button.action-button .animated-right-content svg{min-width:24px;height:24px}.button.island{background-color:var(--colors-additional-island-6-accent);color:var(--colors-text-notusual-black)}@media (width>=1024px){.button.island:hover{background-color:var(--colors-additional-island-3);color:var(--colors-text-notusual-black)}}.button.scooter{background-color:var(--colors-brand-scooter-6-accent);color:var(--colors-text-notusual-black)}@media (width>=1024px){.button.scooter:hover{background-color:var(--colors-brand-scooter-3);color:var(--colors-text-notusual-black)}}.button.sand{background-color:var(--colors-brand-sand-6-accent);color:var(--colors-text-notusual-black)}@media (width>=1024px){.button.sand:hover{background-color:var(--colors-brand-sand-4);color:var(--colors-text-notusual-black)}}.button.danger{background-color:var(--colors-additional-danger-6-accent);color:var(--colors-text-notusual-white)}@media (width>=1024px){.button.danger:hover{background-color:var(--colors-additional-danger-5);color:var(--colors-text-notusual-white)}}.button.sun{background-color:var(--colors-additional-sun-6-accent);color:var(--colors-text-notusual-black)}@media (width>=1024px){.button.sun:hover{background-color:var(--colors-additional-sun-4);color:var(--colors-text-notusual-black)}}.button.ocean{background-color:var(--colors-additional-ocean-6-accent);color:var(--colors-text-notusual-black)}@media (width>=1024px){.button.ocean:hover{background-color:var(--colors-additional-ocean-4);color:var(--colors-text-notusual-black)}}.button.sky{background-color:var(--colors-additional-sky-6-accent);color:var(--colors-text-notusual-white)}@media (width>=1024px){.button.sky:hover{background-color:var(--colors-additional-sky-4);color:var(--colors-text-notusual-white)}}.button.flower{background-color:var(--colors-additional-flower-6-accent);color:var(--colors-text-notusual-white)}@media (width>=1024px){.button.flower:hover{background-color:var(--colors-additional-flower-4);color:var(--colors-text-notusual-white)}}.button.space-1{background-color:var(--colors-additional-space-3);color:var(--colors-text-usual-prime)}@media (width>=1024px){.button.space-1:hover{background-color:var(--colors-additional-space-2);color:var(--colors-text-usual-prime)}}.button.space-2{background-color:var(--colors-additional-space-11);color:var(--colors-text-invert-prime)}@media (width>=1024px){.button.space-2:hover{background-color:var(--colors-additional-space-9);color:var(--colors-text-invert-prime)}}.button.white{background-color:var(--colors-surface-notusual-white);color:var(--colors-text-notusual-black)}@media (width>=1024px){.button.white:hover{background-color:var(--colors-text-notusual-grey)}}.button.black{background-color:var(--colors-surface-notusual-black);color:var(--colors-text-notusual-white)}@media (width>=1024px){.button.black:hover{background-color:var(--colors-surface-notusual-black-second)}}.button.segmented-picker{width:100%;height:var(--spacing-12);font-size:var(--spacing-5);font-style:normal;font-weight:600;line-height:var(--spacing-8);letter-spacing:-.32px;padding-right:var(--spacing-2);border-radius:var(--radius-1);background-color:#0000}@media (width>=1024px){.button.segmented-picker:hover{background-color:var(--colors-surface-usual-third);color:var(--colors-text-usual-prime)}}.button.segmented-picker.active{background-color:var(--colors-surface-invert-prime);color:var(--colors-text-invert-prime)}.button.cash-button{font-size:var(--spacing-5);font-style:normal;font-weight:800;line-height:var(--spacing-8);letter-spacing:-.48px;padding:var(--spacing-2);border-radius:var(--radius-4);height:var(--spacing-10);gap:var(--spacing-2)}@media (width>=1024px){.button.cash-button svg{transition:transform .15s ease-out}.button.cash-button:hover{background-color:var(--colors-brand-scooter-6-accent)}.button.cash-button:hover svg{transform:scale(1.6666)}}.button.disabled{pointer-events:none;user-select:none;background-color:var(--colors-additional-space-2);color:var(--colors-additional-space-4)}.button.disabled:hover{background-color:var(--colors-additional-space-2);color:var(--colors-additional-space-4)}.button.wide{width:100%}.button .animated-side-content{align-items:center;width:0;margin-left:-8px;transition:width .3s cubic-bezier(.34,2,.64,1),transform 60ms linear;display:flex;overflow:visible;transform:translate(40px)}.button .animated-side-content svg{min-width:24px;height:24px}.button:hover .animated-side-content{width:28px;transform:translate(4px)}.button .animated-left-content{justify-content:flex-end;align-items:center;width:24px;transition:width .1s ease-out;display:flex}.button .animated-left-content svg{width:24px;height:auto;transition:width .1s ease-out;position:absolute}@media (width>=1024px){.button:hover .animated-left-content{width:28px}.button:hover .animated-left-content svg{width:32px}}