.notification-count{position:absolute;top:-8px;right:-6px;width:17px;height:17px;background-color:#6b46c1;color:#fff;border-radius:999px;background:var(--color-background-strong-primary, #7142ff);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:500px;line-height:15px;animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.navbar{padding-top:16px;padding-inline:16px;display:flex;width:100%;justify-content:space-between;align-items:center}.navbar-fixed{padding-top:16px;padding-inline:16px;position:fixed;top:0;display:flex;width:100%;justify-content:space-between;align-items:center}.navbar-flex{display:flex;align-items:center;gap:var(--sizes-4, 16px)}.navbar-item .home{width:24px;height:24px}.navbar-item .host{width:20px;height:20px}.navbar-profile{width:24px;height:24px;overflow:hidden;background:var(--color-interactive-elementActive-neutral, #e9e8ea);border-radius:200px}.navbar-profile-on{width:24px;height:24px;overflow:hidden;background:var(--color-interactive-elementActive-neutral, #e9e8ea);border-radius:200px;border:1px solid var(--highest, #fff);box-shadow:0 0 0 1px #000}.navbar-profile img{width:100%;object-fit:cover}.layout{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.button{height:38px;display:inline-flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;padding:var(--sizes-2, 8px) var(--sizes-4, 16px);width:100%;border-radius:var(--borderRadius-full, 999px);text-align:center;font-size:14px;font-weight:500;line-height:120%;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}.button:hover{border-radius:var(--borderRadius-full, 999px);background:var(--color-interactive-elementHover-primary, #ede9ff)}.button:active{background:var(--color-interactive-elementActive-primary, #e4deff)}.button:focus{border-radius:var(--borderRadius-full, 999px);background:var(--color-interactive-elementActive-primary, #e4deff);box-shadow:0 0 0 1px #58055803,0 0 0 2px #fff,0 0 0 4px #572ee480}.primary-button{background:var(--color-interactive-solid-primary, #7142ff);color:var(--color-text-contrast, #fff);box-shadow:0 1px 11px #7000ff66,0 0 0 2px #581aff21}.primary-button:active{background:var(--color-interactive-solid-primary, #7142ff)}.primary-button:focus{background:var(--color-interactive-solid-primary, #7142ff)}.primary-button.disabled{background:var(--color-interactive-disabled-primary, #a0a0a0);color:var(--color-text-disabled, #d3d3d3);cursor:not-allowed;box-shadow:none;pointer-events:none}.secondary-button{background:var(--color-interactive-element-primary, #f5f2ff);color:var(--color-text-weak-primary, #572ee4);box-shadow:0 1px 11px #7000ff66,0 0 0 2px #581aff21}.tertiary-button{border:var(--borderRadius-none, 1px) solid var(--color-border-ui-primary, #c5b6ff);color:var(--color-text-weak-primary, #572ee4);box-shadow:0 1px 11px #7000ff66,0 0 0 2px #581aff21}.ghost-button{color:var(--color-text-weak-primary, #572ee4)}.grey-button{background:var( --color-interactive-element-primary-alpha, rgba(88, 38, 255, .06) );color:var(--color-interactive-solid-primary, #7142ff)}.pressed{transform:scale(.98);opacity:.8}.checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:solid white;border-width:0 2px 2px 0;border-radius:4px;outline:none;cursor:pointer;background-color:#fff;transition:all .2s ease-in-out;display:inline-grid;place-content:center}.checkbox:hover{border-color:#999}.checkbox:checked{background-color:#7142ff;border-color:#7142ff;position:relative;bottom:5px}.checkbox:checked:before{content:"";width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);display:block;margin-top:-2px}.checkbox:focus{box-shadow:0 0 0 2px #2196f34d}.checkbox:disabled{background-color:#f0f0f0;border-color:#ddd;cursor:not-allowed}.checkbox:disabled:checked{background-color:#ccc}.switch{position:relative;display:inline-block;width:48px;height:28px;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:background-color .2s,transform .2s;border-radius:28px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:transform .2s;border-radius:50%}input:checked+.slider{background-color:#572ee4}input:checked+.slider:before{transform:translate(20px)}.switch input:focus+.slider{box-shadow:0 0 1px #572ee4}.switch input:disabled+.slider{background-color:#999;cursor:not-allowed}.switch input:disabled+.slider:before{background-color:#ccc}.stebby-credits-checkout{display:flex;flex-direction:column;justify-content:start;align-items:center;overflow:hidden;transition:all .4s ease;height:330px}.stebby-closed{height:0}.stebby-amount{padding:var(--sizes-15, 6px) var(--sizes-2, 8px);border-radius:var(--sizes-2, 8px);display:flex;justify-content:center;align-items:center;border:1px solid var(--color-border-divider-primary, #d8ceff);text-align:center;font-size:14px;font-weight:400;line-height:20px}.stebby-not-selected{background:var(--color-interactive-solid-primary, #7142ff);color:var(--color-text-contrast, #fff)}.stebby-selected{background:var(--color-background-highest, #fff);color:var(--color-text-weak-primary, #572ee4)}.w-100{width:100%}.w-50vw{width:50vw}.stebby-credits-checkout-info{font-size:14px;font-weight:400;line-height:20px;color:var(--color-text-weak-primary, #572ee4);margin-top:var(--sizes-2, 8px);text-align:left}.terms{width:100%;align-self:stretch}.mixedlinktext{color:var(--color-text-weak-neutralA, rgba(2, 0, 16, .57));text-align:center;font-size:14px;font-weight:400;line-height:20px}.mixedlinktext a{color:var(--color-interactive-solidHover-primary, #6635fb);font-size:14px;font-weight:500;line-height:120%}.account-page{display:flex;flex-direction:column;justify-content:start;align-items:start;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:16px}.line{height:1px;width:100%;background:var(--color-border-ui-neutralA, rgba(8, 1, 15, .14))}.exit{width:16px;height:16px}.profile{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;gap:16px;margin-block:16px}.display-pic{width:123px;height:123px;border-radius:100%;overflow:hidden;background:var(--color-interactive-elementActive-neutral, #e9e8ea)}.display-pic img{position:relative;width:100%;object-fit:cover}.display-pic-flex{display:flex;flex-direction:row;justify-content:center}.display-pic-flex .icon{position:relative;width:32px;height:32px;top:92px;left:125px;z-index:1}.display-pic-flex .holder{width:32px;height:32px}.actions-bubble{display:flex;padding:var(--sizes-4, 16px);flex-direction:column;align-items:flex-start;gap:var(--sizes-3, 12px);align-self:stretch;border-radius:var(--sizes-4, 16px);background:var(--color-interactive-element-neutral, #f4f2f4)}.actions-stack{display:flex;flex-direction:column;justify-content:start;align-items:center;width:100%;gap:16px;margin-block:16px;border-bottom:1px solid var(--color-border-ui-neutralA, rgba(8, 1, 15, .14));padding-bottom:16px}.action{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.action .left{display:flex;align-items:center;gap:var(--sizes-2, 8px)}.action .icon{width:12px;height:12px}.action h2{color:var(--color-text-strong-neutralA, rgba(5, 0, 15, .92));font-size:14px;font-weight:500;line-height:120%}.action .carret{width:26px;height:26px}.name-bubble{display:flex;padding:var(--sizes-4, 16px);flex-direction:column;align-items:flex-start;gap:var(--sizes-2, 8px);align-self:stretch;border-radius:var(--sizes-4, 16px);background:var(--color-interactive-element-neutral, #f4f2f4)}.name-bubble div{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.name-bubble h2{color:var(--color-text-strong-neutralA, rgba(5, 0, 15, .92));font-size:14px;font-weight:400;line-height:20px}.name-bubble h1{color:var(--color-text-strong-neutral, #1a1523);font-size:20px;font-weight:500;line-height:28px}.name-bubble .icon{width:14px;height:14px}.wallet-bubble{display:flex;padding:var(--sizes-4, 16px);flex-direction:column;align-items:flex-start;gap:var(--sizes-2, 8px);align-self:stretch;border-radius:var(--sizes-4, 16px);background:var(--color-interactive-element-neutral, #f4f2f4)}.wallet-bubble .column{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sizes-2, 8px);align-self:stretch}.wallet-bubble .flex-one{display:flex;align-items:flex-start;gap:var(--sizes-1, 4px);align-self:stretch}.wallet-bubble .flex-one h1{color:var(--color-text-weak-neutral, #6f6e77);text-align:center;font-size:12px;font-weight:500;line-height:16px;letter-spacing:.72px;text-transform:uppercase}.wallet-bubble .flex-two{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.wallet-bubble .flex-two h1{color:var(--color-text-strong-neutralA, rgba(5, 0, 15, .92));text-align:center;font-size:24px;font-weight:500;line-height:32px;letter-spacing:-.24px}.flex-two div{width:100px}.wallet-bubble .icon{width:16px;height:16px}.grey-account-bubble-lg{display:flex;padding:var(--sizes-4, 16px);flex-direction:column;align-items:flex-start;gap:var(--sizes-3, 12px);align-self:stretch;border-radius:var(--sizes-4, 16px);background:var(--color-interactive-element-neutral, #f4f2f4)}.socials{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.socials h1{color:var(--color-text-strong-neutralA, rgba(5, 0, 15, .92));text-align:center;font-size:16px;font-weight:500;line-height:24px}.socials div{display:flex;align-items:flex-end;gap:var(--sizes-4, 16px)}.socials .whatsapp{height:36px}.comboselect-container{border-radius:var(--sizes-2, 8px);width:100%;overflow:hidden}.comboselect-input-div{width:100%;display:flex;padding:var(--sizes-15, 6px) var(--sizes-2, 8px);align-items:center;gap:8px;align-self:stretch;border-radius:var(--sizes-2, 8px);border:1px solid var(--color-border-ui-neutral, #dcdbdd);box-shadow:0 1px 2px #aba4b614;color:var(--color-text-strong-neutralA, rgba(5, 0, 15, .92));outline:none}.comboselect-input{height:100%;width:45px;outline:none;flex:1 0 0;background:var(--color-background-highest, #fff);color:var(--color-text-strong-neutralA, rgba(5, 0, 15, .92));-webkit-appearance:none;-moz-appearance:none;appearance:none}.comboselect-input::placeholder{flex:1 0 0;color:var(--color-text-weak-neutral, #6f6e77);font-size:14px;font-weight:400;line-height:20px}.comboselect-options{width:100%;max-height:200px;overflow-y:auto;border:1px solid #ccc;border-top:none;list-style-type:none;margin:0;padding:0;background-color:#fff;z-index:1000;box-shadow:0 2px 4px #0000001a}.comboselect-option{padding:var(--sizes-15, 6px) var(--sizes-2, 8px);transition:background-color .2s}.comboselect-option:hover{background-color:#f0f0f0}.bubble{display:flex;margin:10px;border-radius:20px;background-color:#f9f8f9b3;height:30px;padding:4px 12px;justify-content:center;align-content:center}.bubble .text{display:inline-block;font-weight:light;color:#6635fb}.big-spinner{display:inline-block;width:100px;height:100px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stebby-card{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:20px;border-radius:10px;background-color:#fff;box-shadow:0 0 10px #0000001a}.w-100px{width:100px}.basic-page{display:flex;flex-direction:column;justify-content:start;align-items:center;color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:16px}.admin-form{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:32px}.admin-input{display:flex;padding:var(--sizes-15, 6px) var(--sizes-2, 8px);align-items:center;gap:8px;align-self:stretch;border-radius:var(--sizes-2, 8px);border:1px solid var(--color-border-ui-neutral, #dcdbdd);background:var(--color-background-highest, #fff);box-shadow:0 1px 2px #aba4b614;color:var(--color-text-strong-neutralA, rgba(5, 0, 15, .92));outline:none}.admin-input::placeholder{flex:1 0 0;color:var(--color-text-weak-neutral, #6f6e77);font-size:14px;font-weight:400;line-height:20px}.admin-tool-container{display:flex;padding:var(--sizes-4, 16px);flex-direction:column;gap:var(--sizes-3, 12px);align-self:stretch;border-radius:var(--sizes-4, 16px);border:1px solid rgba(18,1,18,.05);background:var(--color-background-highest, #fff);box-shadow:0 0 8px #0000000d;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);align-items:center}.admin-tools{display:flex;flex-direction:column;width:100%;gap:16px}.lg-bold{font-size:24px;font-weight:700;text-align:center}.cancel-dialog{display:flex;width:100%;padding:var(--sizes-4, 16px);flex-direction:column;align-items:flex-start;gap:var(--sizes-4, 16px);border-radius:24px;background:#fff;margin-bottom:36px}.cancel-dialog .text-flex{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px}.cancel-dialog h1{color:var(--color-text-strong-neutral, #1a1523);font-size:18px;font-weight:500;line-height:24px}.cancel-dialog h3{color:var(--color-text-weak-neutral, #6f6e77);text-align:left;font-size:14px;font-style:normal;font-weight:500;line-height:120%}.cancel-dialog .buttons-flex{display:flex;flex-direction:row;align-items:center;gap:var(--sizes-4, 16px);align-self:stretch}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);display:flex;align-items:flex-end;justify-content:center;padding:1rem;width:100%;height:100%;z-index:1}.modal-content{width:100%}.change-name-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:16px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.change-name-page .page-content{display:flex;width:100%;flex-direction:column;align-items:center;gap:32px;max-width:500px}.change-name-content{display:flex;flex-direction:column;width:100%;gap:32px}.image-upload{max-width:500px;margin:20px auto}.upload-container{border:2px dashed #ccc;border-radius:8px;padding:20px;text-align:center;background-color:#fff;transition:all .3s ease}.upload-prompt{padding:20px}.upload-label{justify-self:center;width:fit-content;display:flex;padding:var(--sizes-2, 8px) var(--sizes-4, 16px);align-items:center;gap:var(--sizes-2, 8px);border-radius:var(--borderRadius-full, 999px);background:var( --color-interactive-element-primary-alpha, rgba(88, 38, 255, .06) );color:var(--color-interactive-solid-primary, #7142ff);font-size:14px;font-weight:500;line-height:120%;margin-bottom:16px}.upload-info{font-size:.875rem;color:#666;line-height:1.5}.file-input{display:none}.preview-container{padding:10px;display:flex;flex-direction:column;align-items:center}.file-info{font-size:.875rem;color:#666;margin-bottom:15px}.button-group{display:flex;gap:10px;justify-content:center;width:100%}.text-divider{display:flex;align-items:center;text-align:center;width:100%;color:var(--color-text-weak-neutral, #6f6e77);font-size:14px;font-weight:500;line-height:120%}.text-divider:before,.text-divider:after{content:"";display:block;height:1px;background-color:#08010f24;margin:.5rem 0;flex-grow:1}.text-divider:before{margin-right:10px}.text-divider:after{margin-left:10px}.text-divider.no-text:before,.text-divider.no-text:after{margin:0}.checkout-page{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.content{padding:16px;flex-grow:1}.checkout-header{color:#000;display:flex;align-items:center;gap:8px;margin-bottom:24px}.checkout-page h2{color:#6f6e77}.checkout-page h1{color:#000;font-size:16px}.checkout-page .middle-section{color:#000;width:100%;display:flex;flex-direction:column;gap:16px}.game-details{display:flex;gap:16px;width:100%}.game-detail{display:flex;gap:4px;font-size:12px}.game-image{width:80px;height:80px;border-radius:8px}.price-details{display:flex;flex-direction:column;gap:8px}.price-detail{display:flex;justify-content:space-between}.total{font-weight:700}.pay-button{padding:16px;font-size:16px}.futpal-wallet{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.futpal-wallet-switch{display:flex;justify-content:space-between;gap:8px;border-radius:8px;transition:all .3s ease}.wallet-toggle{display:flex;justify-content:space-between}.wallet-content{display:flex;gap:22px}.wallet-content p{font-size:12px;color:#6f6e77}.payment-options-footer{display:flex;justify-content:center;align-items:center;gap:16px;margin:16px 0}.stripe-logo{width:150px}.form-group{color:#000}.label{font-size:14px;color:#6f6e77}.wallet-text{font-size:16px;color:#6f6e77;margin:0}.wallet-amount{color:#6f6e77;font-weight:700}.wallet-amount--active{color:#6635fb}.stripe-input .StripeElement{padding:12px;border:1px solid #dcdbdd;border-radius:8px}.checkout{display:flex;flex-direction:column;min-height:55vh}.stripe-input{padding:0}.checkout{display:flex;flex-direction:column;height:55vh}.loader{display:flex;width:100%;height:50vh;align-items:center;justify-content:center}.form-section{display:flex;flex-direction:column;height:100%;justify-content:space-between}.top-section{flex-grow:1}.bottom-section{margin-top:auto}.terms{margin-top:32px;margin-bottom:16px;text-align:center}.terms__label{display:flex;align-items:center;justify-content:center}.terms__checkbox{transform:scale(1.5);margin-right:8px;flex-shrink:0}.terms__text{font-size:14px;line-height:1.4}.terms__link{color:var(--primary-color, #7142FF);text-decoration:none;transition:opacity .2s ease}.terms__link:hover{text-decoration:underline;opacity:.8}.confirmation-container{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.confirmation-content{padding:16px;min-height:100vh;display:flex;flex-direction:column}.confirmation-header{display:flex;justify-content:center;align-items:center;margin-bottom:3rem;position:relative}.close-button{position:absolute;left:0;background:none;border:none;cursor:pointer;font-size:1.5rem;color:#000}.logo{height:30px}.confirmation-message{text-align:center;margin-bottom:24px;color:#000}.event-card-container{margin-bottom:2rem}.event-details{display:flex;flex-direction:column;gap:.5rem;width:100%;font-size:1rem}.event-detail{display:flex;align-items:center;gap:4px}.event-detail .icon{width:20px;height:20px}.event-detail-container{display:flex;gap:1rem}.event-card{width:100%;background:white;border-radius:.5rem;box-shadow:0 2px 4px #0000001a}.event-card-image{width:100%;height:200px}.event-card-image img{width:100%;height:100%;object-fit:cover;border-radius:.5rem .5rem 0 0}.event-card-content{padding:16px;display:flex;flex-direction:column;color:#000;gap:1rem}.event-title{font-size:1.5rem}.confirmation-message h1{font-size:2rem;font-weight:500}.event-card-footer{display:flex;gap:1rem}.button-container{display:flex;flex-direction:column;gap:2rem;margin-top:auto}.m-icon{width:20px;height:20px}.recurring-game-input{display:flex;flex-direction:row;align-items:space-between;justify-content:space-between;margin:0 auto;width:100%;gap:8px}.recurring-game-input-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px}.inline-purple-p{font-size:16px;font-weight:400;line-height:20px;color:var(--color-text-weak-primary, #572ee4)}.day-of-week{height:var(--global-button-size-md, 34px);padding:var(--sizes-15, 6px) var(--sizes-2, 8px);border-radius:var(--sizes-2, 8px);width:48px;display:flex;justify-content:center;border:1px solid var(--color-border-divider-primary, #d8ceff);text-align:center;font-size:14px;font-weight:400;line-height:20px}.day-selected{background:var(--color-interactive-solid-primary, #7142ff);color:var(--color-text-contrast, #fff)}.day-not-selected{background:var(--color-background-highest, #fff);color:var(--color-text-weak-primary, #572ee4)}.date-input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;border:1.5px solid #ccc;border-radius:6px;font-size:16px;color:#333;transition:border-color .3s ease,box-shadow .3s ease;outline:none;background:#fff}.date-input:focus{border-color:#07c;box-shadow:0 0 0 3px #07c3}.date-input:hover{border-color:#06a}.date-input::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");cursor:pointer;padding:8px}.date-input::-webkit-datetime-edit-year-field:focus,.date-input::-webkit-datetime-edit-month-field:focus,.date-input::-webkit-datetime-edit-day-field:focus{background-color:#f0f0f0}.edit-card-image-bottom-bar{position:absolute;bottom:0;left:0;right:0;border-radius:0 0 16px 16px;background:var(--color-interactive-element-neutral, #f4f2f4);display:flex;justify-content:space-between;align-items:center;height:36px}.edit-card-image-bottom-bar-left{display:flex;padding:var(--sizes-2, 8px) 16px;align-items:flex-start;gap:8px;flex:1 0 0;align-self:stretch;border-radius:0px var(--sizes-0, 0px) var(--sizes-0, 0px) var(--sizes-2, 8px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-interactive-solid-primary, #7142ff);text-overflow:ellipsis;font-size:14px;font-weight:400;line-height:20px}.edit-card-image-bottom-bar-right{display:flex;padding:var(--sizes-2, 8px) 16px;align-items:flex-start;gap:4px;align-self:stretch;border-radius:0px var(--sizes-0, 0px) var(--sizes-0, 0px) var(--sizes-0, 0px);border-left:1px solid var(--color-border-divider-neutral-alpha, rgba(18, 1, 18, .11));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-interactive-solid-primary, #7142ff);text-overflow:ellipsis;font-size:14px;font-weight:400;line-height:20px;align-items:center}.edit-card-image-bottom-bar-right img{width:12px;height:12px}.no-image-placeholder{display:flex;padding:var(--sizes-3, 12px);flex-direction:column;justify-content:center;align-items:center;gap:var(--sizes-2, 8px);border-radius:var(--sizes-4, 16px);flex:0 0 auto;aspect-ratio:8 / 5;border-radius:16px;border:1px solid var(--color-border-ui-neutral, #dcdbdd);position:relative;overflow:hidden;color:var(--color-text-weak-neutral, #6f6e77);text-align:center;text-overflow:ellipsis;font-size:14px;font-weight:400;line-height:20px}.create-game-template-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:16px;display:flex;flex-direction:column;justify-content:flex-start}.input-label{color:var(--color-text-weak-neutral, #6f6e77);font-size:14px;font-weight:400;line-height:20px}.select-container{position:relative;width:100%}.select-button{display:flex;align-items:center;width:100%;padding:12px 16px;background-color:#f4f4f5;border:none;border-radius:8px;cursor:pointer;font-size:14px;text-align:left;transition:background-color .2s}.select-button:hover{background-color:#e4e4e7}.select-icon{color:#6f6e77;margin-right:8px;display:flex;align-items:center}.select-value{flex:1;color:#1c1b1f;font-weight:400}.select-chevron{color:#6f6e77;margin-left:auto;transition:transform .2s}.select-chevron-open{transform:rotate(180deg)}.select-options{position:absolute;top:calc(100% + 4px);left:0;width:100%;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;border:1px solid #e4e4e7;z-index:10;max-height:200px;overflow-y:auto;padding:0;margin:0;list-style:none}.select-option{padding:12px 16px;cursor:pointer;color:#1c1b1f;transition:background-color .2s}.select-option:hover{background-color:#f4f4f5}.select-option:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.select-option:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.price-per-player{display:flex;height:40px;padding-right:8px;justify-content:space-between;align-items:center;align-self:stretch;border-radius:var(--sizes-2, 8px);background:var(--color-interactive-element-neutral, #f4f2f4)}.price-per-player .left-side{display:flex;padding:var(--sizes-25, 10px) var(--sizes-4, 16px);justify-content:center;align-items:center;gap:4px}.price-per-player p{color:var(--color-text-strong-neutralA, rgba(5, 0, 15, .92));text-align:center;font-size:14px;font-weight:400;line-height:20px}.price-per-player .right-side{display:flex;align-items:center}.price-per-player .right-side img{width:55px;height:26px;margin-top:2px}.price-per-player .right-side p{color:var(--color-text-weak-neutral, #6f6e77);font-size:12px;font-weight:500;line-height:16px}.sport-div{display:flex;padding-right:8px;justify-content:flex-start;align-items:center;flex:1 0 0;align-self:stretch;border-radius:var(--sizes-2, 8px);background:var(--color-interactive-element-neutral, #f4f2f4);color:var(--color-text-strong-neutralA, rgba(5, 0, 15, .92));text-align:center;font-size:14px;font-weight:400;line-height:20px;padding-left:16px;gap:4px}.players-select-container{display:flex;flex:1 0 0;width:calc(50% - 8px);max-width:calc(50% - 8px);min-width:calc(50% - 8px)}.save-card-container{margin-top:12px;padding:16px;border-radius:8px;background-color:#f9f9f9}.payment-label{margin-top:16px;font-size:18px;font-weight:600;color:#333}.payment-info-text{margin-bottom:16px;font-size:14px;color:#666}.payment-options-footer{display:flex;justify-content:center;margin-top:16px}.stripe-logo{height:40px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background-color:#f9f9f9;border-radius:8px}.spinner{border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top:3px solid #7142ff;width:24px;height:24px;animation:spin 1s linear infinite;margin-bottom:12px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.payment-error-message{margin-top:12px;padding:12px;background-color:#fff0f0;border-left:3px solid #ff4d4d;color:#d32f2f;border-radius:4px}.loading-placeholder,.error-placeholder{display:flex;justify-content:center;align-items:center;height:100px;background-color:#f5f5f5;border-radius:4px;color:#666}.error-placeholder{background-color:#fff0f0;color:#d32f2f}.stripe-brand{display:flex;text-wrap:nowrap;align-items:center;font-size:12px;color:#6f6e77}.edit-form{display:flex;flex-direction:column;flex:1;width:100%}.form-actions{margin-top:auto;display:flex;justify-content:space-between;gap:16px}.create-game-template-page{display:flex;flex-direction:column;min-height:100vh;padding:16px 16px 100px;position:relative;max-width:480px;margin:0 auto;width:100%}form#create-game-venue{display:flex;flex-direction:column;flex:1;width:100%}.row2{position:fixed;bottom:16px;left:50%;transform:translate(-50%);display:flex;justify-content:space-between;align-items:center;background:white;padding:16px;z-index:100;width:calc(100% - 32px);max-width:448px}.input-error{padding-left:2px;color:var(--color-text-weak-negative, #cd2b31);font-size:12px;font-weight:400;line-height:16px}.message-textarea{display:flex;padding:16px;justify-content:space-between;align-items:center;align-self:stretch;border-radius:8px;background:var(--color-interactive-element-neutral, #f4f2f4);outline:none;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.message-textarea:placeholder{color:var(--color-text-weak-neutral, #6f6e77);font-size:14px;font-weight:400;line-height:20px}.edit-modal{width:100%;display:flex;flex-direction:column;align-items:center;gap:16px;padding:16px;border-radius:16px;background:#fff;margin-bottom:36px}.edit-form{display:flex;flex-direction:column;gap:16px;width:100%}.textarea{display:flex;padding:var(--sizes-15, 6px) var(--sizes-2, 8px);align-items:center;gap:8px;align-self:stretch;border-radius:var(--sizes-2, 8px);border:1px solid var(--color-border-ui-neutral, #dcdbdd);background:var(--color-background-highest, #fff);box-shadow:0 1px 2px #aba4b614;color:var(--color-text-strong-neutralA, rgba(5, 0, 15, .92));outline:none;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.textarea::placeholder{flex:1 0 0;color:var(--color-text-weak-neutral, #6f6e77);font-size:14px;font-weight:400;line-height:20px}.game-header{height:75vw;width:100%;position:fixed;overflow:hidden;transform:scale(1);top:60px}.game-header .bg{background-color:#fff;height:100%;width:100%}.game-header img{height:100%;width:100%;object-fit:cover}.game-header .content{position:absolute;bottom:0;left:0;right:0;color:#fff;height:100%;background:linear-gradient(180deg,rgba(0,0,0,.05) 0%,#000000 100%);padding:8px 8px var(--sizes-8, 32px) 8px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;flex-shrink:0}.game-header .content .top-flex{width:100%;display:flex;padding:8px;align-items:flex-start;flex:1 0 0;align-self:stretch}.back-arrow{width:28px;height:28px}.game-header .content h1{font-size:32px;font-weight:500;line-height:40px;letter-spacing:-.32px}.game-header .content .bottom-flex{display:flex;padding:var(--sizes-2, 8px) var(--sizes-2, 8px) var(--sizes-4, 16px) var(--sizes-2, 8px);flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:4px;align-self:stretch;border-radius:var(--sizes-4, 16px)}.foot{display:flex;align-items:center;gap:var(--sizes-3, 12px);align-self:stretch;color:#d3d1da;text-align:center;font-size:12px;font-weight:500;line-height:16px}.game-header .content .icon{width:20px}.door-code-card{background:#fff;border-radius:var(--sizes-4, 16px);box-shadow:0 0 8px #0000000d;border:1px solid rgba(18,1,18,.05);padding:var(--sizes-4, 16px);margin:0 0 var(--sizes-4, 16px) 0;width:100%;align-self:stretch;display:flex;flex-direction:column;gap:10px}.door-code-header{display:flex;align-items:center;gap:6px;color:#6f6e77;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:2px}.door-code-lock{font-size:14px;margin-right:2px}.door-code-title{text-transform:uppercase;font-size:13px;font-weight:600;letter-spacing:.5px;color:#6f6e77}.door-code-main-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.door-code-value{font-size:16px;font-weight:600;color:#6f6e77}.door-code-value.available{color:#1a1523;letter-spacing:1px;font-size:32px;font-weight:600}.door-code-copy{height:40px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:var(--sizes-2, 0px);border-radius:var(--borderRadius-full, 999px);background:var(--color-interactive-element-neutral, #f4f2f4);color:var(--color-text-weak-primary, #572ee4);text-align:center;font-size:14px;font-style:normal;font-weight:400;line-height:20px;border:none;padding:0 18px;cursor:pointer;transition:background .2s;width:auto;min-width:0}.door-code-copy:disabled{color:#b2a7e8;background:#f6f3fe;cursor:not-allowed}.door-code-copy-icon{font-size:16px;margin-left:4px}.door-code-how{margin-top:8px}.door-code-how-header{display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:600;color:#1a1523;margin-bottom:8px}.door-code-info{font-size:15px}.door-code-how-list{margin:0 0 4px 18px;padding:0;color:#1a1523;font-size:14px;font-weight:400}.door-code-warning{color:#020010b1;font-size:12px;margin-top:16px}.progress-bar-card{background:#fff;border-radius:var(--sizes-4, 16px);box-shadow:0 0 8px #0000000d;border:1px solid rgba(18,1,18,.05);padding:var(--sizes-4, 16px);margin:0 0 var(--sizes-4, 16px) 0;width:100%;align-self:stretch}.progress-bar-top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.progress-bar-lineup{color:#b2a7e8;font-size:13px;font-weight:600;letter-spacing:.5px;display:flex;align-items:center;gap:4px}.progress-bar-lock{font-size:14px;margin-right:3px}.progress-bar-spots{color:#6f6e77;font-size:13px;font-weight:500}.progress-bar-container{width:100%;margin:0}.progress-bar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.progress-bar-amount{color:#572ee4;font-weight:600;font-size:18px}.progress-bar-remaining{color:#888;font-weight:400;font-size:14px;margin-left:2px}.progress-bar-each{color:#888;font-size:15px;font-weight:400}.progress-bar-track{width:100%;height:6px;background:#ede7fe;border-radius:8px;overflow:hidden}.progress-bar-fill{height:100%;background:#572ee4;border-radius:8px;transition:width .4s cubic-bezier(.4,0,.2,1)}.game-page{display:flex;flex-direction:column;justify-content:start;align-items:start;color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.place-holder{height:90vw;width:100%}.game-info{position:relative;top:-24px;display:flex;width:100%;background:#fff;border-top-left-radius:24px;border-top-right-radius:24px;padding:var(--sizes-4, 16px) var(--sizes-4, 16px) var(--sizes-0, 0px) var(--sizes-4, 16px);flex-direction:column;align-items:flex-start;gap:var(--sizes-4, 16px);height:fit-content;padding-bottom:80px;background:var(--color-background-subtle-neutral, #f9f8f9);min-height:70vh}.stack{width:100%;padding:10px;display:flex;flex-direction:column;justify-content:center;gap:10px}.basic-info-container{display:flex;padding:var(--sizes-4, 16px);flex-direction:column;align-items:flex-start;gap:var(--sizes-3, 12px);align-self:stretch;border-radius:var(--sizes-4, 16px);border:1px solid rgba(18,1,18,.05);background:var(--color-background-highest, #fff);box-shadow:0 0 8px #0000000d;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}.basic-info{display:flex;align-items:center;gap:var(--sizes-1, 4px)}.basic-info h1{color:var(--color-text-strong-neutral, #1a1523);font-size:18px;font-weight:500;line-height:24px}.basic-info-div2{display:flex;align-items:flex-start;flex-direction:column;gap:var(--sizes-4, 12px);align-self:stretch}.basic-info-div{display:flex;align-items:flex-start;gap:var(--sizes-4, 16px);align-self:stretch}.basic-info-div2 p,.basic-info p{color:var(--color-text-strong-neutralA, rgba(5, 0, 15, .92));font-size:14px;font-weight:400;line-height:20px}.basic-info img{width:18px}.basic-info-button-div{display:flex;align-items:flex-start;gap:var(--sizes-2, 8px);align-self:stretch}.basic-info-button-div a{height:40px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:var(--sizes-2, 0px);flex:1 0 0;border-radius:var(--borderRadius-full, 999px);background:var(--color-interactive-element-neutral, #f4f2f4);color:var(--color-text-weak-primary, #572ee4);text-align:center;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.button-width{width:100px}.lineup-container{display:flex;padding:var(--sizes-4, 16px);flex-direction:column;align-items:flex-start;gap:var(--sizes-3, 12px);align-self:stretch;border-radius:var(--sizes-4, 16px);border:1px solid rgba(18,1,18,.05);background:var(--color-background-highest, #fff);box-shadow:0 0 8px #0000000d;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}.lineup-container .header{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.lineup-container .header h1{color:var(--color-text-strong-neutral, #1a1523);font-size:18px;font-weight:500;line-height:24px}.lineup-container .header h2{color:var(--color-text-weak-neutralA, rgba(2, 0, 16, .57));text-align:center;font-size:12px;font-weight:500;line-height:16px}.lineup-container .lineup{display:flex;align-items:flex-start;align-content:flex-start;gap:8px;align-self:stretch;flex-wrap:wrap}.lineup-container .lineup .player{display:flex;padding:4px 24px 4px 4px;align-items:center;gap:8px;border-radius:var(--sizes-2, 8px);border:1px solid var(--color-border-ui-primary, #c5b6ff);background:var( --color-background-subtle-primary-alpha, rgba(55, 5, 255, .02) )}.lineup-container .lineup .player .avatar{display:flex;width:24px;height:24px;flex-direction:column;justify-content:center;align-items:center;border-radius:var(--sizes-3, 200px);box-shadow:0 1px 2px #1a152314}.description-container{display:flex;padding:var(--sizes-4, 16px);flex-direction:column;align-items:flex-start;gap:var(--sizes-3, 12px);align-self:stretch;border-radius:var(--sizes-4, 16px);border:1px solid rgba(18,1,18,.05);background:var(--color-background-highest, #fff);box-shadow:0 0 8px #0000000d;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.description-container h1{color:var(--color-text-strong-neutral, #1a1523);font-size:18px;font-weight:500;line-height:24px}.description-container p{color:var(--color-text-weak-neutral, #6f6e77);font-size:14px;font-weight:400;line-height:20px;align-self:stretch;white-space:pre-line}.join-container{display:flex;width:100%;padding:var(--sizes-4, 16px);justify-content:space-between;align-items:center;gap:var(--sizes-4, 16px);background:rgba(255,255,255,.6);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);position:fixed;bottom:0}.join-container .sbutton,.join-container .lbutton{width:120px}.join-container .buttons{display:flex;justify-content:center;align-items:center;gap:8px}.join-container .price{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.price h1{color:var(--color-text-weak-neutral, #6f6e77);text-align:center;font-size:16px;font-weight:700;line-height:24px}.price h3{color:var(--color-text-weak-neutral, #6f6e77);text-align:center;font-size:12px;font-weight:500;line-height:16px}.join-container .cancel-button{display:flex;justify-content:flex-start;align-items:center;align-self:stretch;width:100%}.join-container .cancel-button h1{color:var(--color-text-weak-neutralA, rgba(2, 0, 16, .57));text-align:left;font-size:14px;font-weight:500;line-height:120%}.s-icon{width:16px;height:16px}.edit-button{display:flex;justify-content:center;align-items:center;padding:8px 16px;border-radius:var(--borderRadius-full, 999px);background:var(--color-interactive-solidHover-primary, #6635fb);color:#fff;font-size:11px;font-weight:700;line-height:120%}.column{display:flex;flex-direction:column;gap:8px;justify-content:center}.row{display:flex;flex-direction:row;width:100%;padding:8px;gap:8px;align-items:center}.flex-start{justify-content:flex-start}.flex-end{justify-content:flex-end}.space-evenly{justify-content:space-evenly}.space-between{justify-content:space-between}.thick-h1{color:var(--color-text-strong-neutral, #1a1523);font-size:18px;font-weight:500;line-height:24px}.remaining-cost-container{display:flex;padding:var(--sizes-4, 16px);flex-direction:column;align-items:flex-start;gap:var(--sizes-3, 12px);align-self:stretch;border-radius:var(--sizes-4, 16px);border:1px solid rgba(18,1,18,.05);background:var(--color-background-highest, #fff);box-shadow:0 0 8px #0000000d;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}.remaining-cost-container h1,.remaining-cost-container h2{color:var(--color-text-strong-neutral, #1a1523);font-size:18px;font-weight:500;line-height:24px}.venue-booking-message-container{display:flex;padding:var(--sizes-4, 16px);flex-direction:column;align-items:flex-start;gap:var(--sizes-3, 12px);align-self:stretch;border-radius:var(--sizes-4, 16px);border:1px solid rgba(18,1,18,.05);background:var(--color-background-highest, #fff);box-shadow:0 0 8px #0000000d;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}.venue-booking-message-container h1,.venue-booking-message-container h2{color:var(--color-text-strong-neutral, #1a1523);font-size:18px;font-weight:500;line-height:24px}.game-card{width:100%;aspect-ratio:8 / 5;border-radius:24px;position:relative;overflow:hidden;max-width:500px}.game-card img{height:100%;width:100%;object-fit:cover}.game-card .background{position:absolute;bottom:0;left:0;right:0;padding:20px;color:#fff;height:100%;background:linear-gradient(180deg,rgba(0,0,0,.05) 0%,#000000 100%)}.game-card .top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:flex-end;align-items:center}.game-card .details{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;padding:20px;color:#fff;font-size:.8rem}.game-card .details .icon{width:14px;height:14px}.game-card .details .location{display:flex;gap:3px;justify-content:flex-start;align-items:center}.game-card .details h2{font-size:1.5rem;font-weight:650}.game-card .details .time-and-date{display:flex}.game-card .details .time-and-date div{width:50%;display:flex;gap:3px;justify-content:flex-start;align-items:center}.game-card .details .bottom-flex{display:flex;justify-content:space-between;align-items:center;flex-direction:row;margin-top:18px}.game-card .left{display:flex;align-items:flex-start;flex-direction:row;gap:8px}.game-card .right{display:flex;flex-direction:row;align-items:flex-end;gap:6px}.game-card .primary-button{display:flex;height:var(--global-button-size-sm, 30px);padding:6px 12px;align-items:center;justify-content:center;gap:4px;width:fit-content;transition:background-color .3s;border-radius:var(--borderRadius-full, 999px);background:var(--color-interactive-solid-primary, #7142ff);box-shadow:0 1px 11px #7000ff66,0 0 0 2px #581aff21;color:var(--color-text-contrast, #fff);text-align:center;font-size:14px;font-weight:500;line-height:120%}.game-card .primary-button:hover{border-radius:var(--borderRadius-full, 999px);background:var(--color-interactive-solidHover-primary, #6635fb)}.game-card .primary-button:active{background:var(--color-interactive-solid-primary, #7142ff)}.game-card .primary-button:focus{background:var(--color-interactive-solid-primary, #7142ff);box-shadow:0 0 0 1px #58055803,0 0 0 2px #fff,0 0 0 4px #572ee480}.game-card .secondary-button{display:flex;height:var(--global-button-size-sm, 30px);padding:6px 12px;align-items:center;justify-content:center;gap:4px;width:fit-content;transition:background-color .3s;border-radius:var(--borderRadius-full, 999px);background:var(--color-interactive-element-primary, #f5f2ff);color:var(--color-text-weak-primary, #572ee4);box-shadow:0 1px 11px #7000ff66,0 0 0 2px #581aff21}.game-card .secondary-button:hover{border-radius:var(--borderRadius-full, 999px);background:var(--color-interactive-elementHover-primary, #ede9ff)}.game-card .secondary-button:active{background:var(--color-interactive-elementActive-primary, #e4deff)}.game-card .secondary-button:focus{border-radius:var(--borderRadius-full, 999px);background:var(--color-interactive-elementActive-primary, #e4deff);box-shadow:0 0 0 1px #58055803,0 0 0 2px #fff,0 0 0 4px #572ee480}.game-card .buttontext{text-align:center;font-size:14px;font-weight:500;line-height:120%}.game-card .buttonicon{width:18px;height:18px}.scrollable-container{display:flex;overflow-x:auto;gap:16px;width:100vw;margin:0 auto;cursor:grab;scrollbar-width:none;-ms-overflow-style:none;position:relative;left:-16px;padding-inline:16px}.scrollable-container::-webkit-scrollbar{display:none}.scrollable-container.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.notification-container{padding-top:10px}.notification-container.stack-2:before,.notification-container.stack-3:before{content:"";position:absolute;top:0;left:5px;right:5px;height:calc(100% - 10px);background-color:#fff;border-radius:24px;border:2px solid #e0e0e0;box-shadow:0 4px 12px #00000026;z-index:-1}.notification-container>*{position:relative;z-index:1}.rate-game-card{padding:16px;border-radius:24px;background-color:#fff;box-shadow:0 0 12px #7142ff;color:#333;border:2px solid #e0e0e0}.rate-game-content{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.rate-game-header{display:flex;width:100%;margin-bottom:16px}.rate-game-header-title{font-size:1.5rem;font-weight:700;flex-grow:1;text-align:center}.dismiss-button{display:flex;background-color:transparent;border:none;cursor:pointer;font-size:1.5rem;color:#999}.game-details-container{display:flex;flex-direction:column;align-items:center;width:100%}.game-details{display:flex;align-items:center;width:100%}.game-image{width:80px;height:80px;border-radius:8px;overflow:hidden;flex-shrink:0}.game-image img{width:100%;height:100%;object-fit:cover}.game-title{flex-grow:1}.rate-game-form{display:flex;flex-direction:column;gap:20px}.rate-game-buttons-container{display:flex;justify-content:space-between;gap:12px;margin:10px 0}.rate-game-button{flex:1;display:flex;align-items:center;justify-content:center;width:98px;padding:8px 12px;border-radius:30px;font-size:1rem;cursor:pointer;transition:all .3s ease;font-weight:700;gap:8px;background-color:transparent}.rate-game-button.good{color:#4caf50;border:2px solid #4CAF50}.rate-game-button.meh{color:#ffc107;border:2px solid #FFC107}.rate-game-button.bad{color:#f44336;border:2px solid #F44336}.rate-game-button.good:active,.rate-game-button.good[aria-pressed=true]{background-color:#4caf50;color:#fff}.rate-game-button.meh:active,.rate-game-button.meh[aria-pressed=true]{background-color:#ffc107;color:#fff}.rate-game-button.bad:active,.rate-game-button.bad[aria-pressed=true]{background-color:#f44336;color:#fff}.rate-game-button:active,.rate-game-button[aria-pressed=true]{opacity:.9;transform:translateY(-2px);box-shadow:0 2px 4px #0003}.rate-game-comment{width:100%;max-height:120px;padding:12px;border:2px solid #ccc;border-radius:8px;resize:none;font-size:1rem;background:var(--color-interactive-element-neutral, #f4f2f4);transition:border-color .3s ease,height .2s ease;overflow-y:hidden;line-height:1.2}.rate-game-comment:focus{border-color:#7142ff;outline:none}.rate-game-comment::placeholder{color:#999;opacity:1}.game-status-badge{display:inline-flex;padding:2px 8px 2px 4px;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:var(--borderRadius-full, 999px)}.game-status-badge .status-text{text-align:center;font-size:12px;font-weight:400;line-height:16px}.game-status-badge.status-active{background:var(--color-background-subtle-positive, #f1fcfa);color:var(--color-text-weak-positive, #067a6f)}.game-status-badge.status-finished,.game-status-badge.status-cancelled{background:var(--color-interactive-element-negative, #ffefef);color:var(--color-text-weak-negative, #cd2b31)}.game-status-badge.status-pending{background:var(--color-interactive-element-warning, #fff4d5);color:var(--color-text-weak-warning, #ad5700)}.game-status-badge.status-rejected,.game-status-badge.status-unknown{background:var(--color-interactive-element-negative, #ffefef);color:var(--color-text-weak-negative, #cd2b31)}.your-game-card{flex:0 0 auto;height:265px;width:200px;border-radius:24px;position:relative;overflow:hidden}.your-game-card-img{height:100%;width:100%;object-fit:cover}.your-game-card .background{position:absolute;bottom:0;left:0;right:0;padding:20px;color:#fff;height:100%;background:linear-gradient(180deg,rgba(0,0,0,.05) 0%,#000000 100%)}.your-game-card .top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:flex-end;align-items:center}.your-game-card .details{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;padding:20px;color:#fff;font-size:.8rem}.your-game-card .details .icon{width:14px;height:14px}.your-game-card .details .location{display:flex;gap:3px;justify-content:flex-start;align-items:center}.your-game-card .details h2{font-size:1.5rem;font-weight:650}.your-game-card .details .time-and-date{display:flex}.your-game-card .details .time-and-date div{display:flex;gap:3px;justify-content:flex-start;align-items:center}.your-game-card .details .bottom-flex{display:flex;justify-content:space-between;align-items:center;flex-direction:row;margin-top:18px}.your-game-card .left{display:flex;align-items:flex-start;flex-direction:row;gap:8px}.your-game-card .right{display:flex;flex-direction:row;align-items:flex-end;gap:6px}@keyframes shrink-and-grow{0%{transform:scale(1)}50%{transform:scale(.98)}to{transform:scale(1)}}.scale-down{animation:shrink-and-grow .2s ease-in-out}.your-game-card .primary-button{display:flex;height:var(--global-button-size-sm, 30px);padding:6px 12px;align-items:center;justify-content:center;gap:4px;width:fit-content;transition:background-color .3s;border-radius:var(--borderRadius-full, 999px);background:var(--color-interactive-solid-primary, #7142ff);box-shadow:0 1px 11px #7000ff66,0 0 0 2px #581aff21;color:var(--color-text-contrast, #fff);text-align:center;font-size:14px;font-weight:500;line-height:16px}.your-game-card .primary-button:hover{border-radius:var(--borderRadius-full, 999px);background:var(--color-interactive-solidHover-primary, #6635fb)}.your-game-card .primary-button:active{background:var(--color-interactive-solid-primary, #7142ff)}.your-game-card .primary-button:focus{background:var(--color-interactive-solid-primary, #7142ff);box-shadow:0 0 0 1px #58055803,0 0 0 2px #fff,0 0 0 4px #572ee480}.your-game-card .secondary-button{display:flex;height:var(--global-button-size-sm, 30px);padding:6px 12px;align-items:center;justify-content:center;gap:4px;width:fit-content;transition:background-color .3s;border-radius:var(--borderRadius-full, 999px);background:var(--color-interactive-element-primary, #f5f2ff);color:var(--color-text-weak-primary, #572ee4);box-shadow:0 1px 11px #7000ff66,0 0 0 2px #581aff21}.your-game-card .secondary-button:hover{border-radius:var(--borderRadius-full, 999px);background:var(--color-interactive-elementHover-primary, #ede9ff)}.your-game-card .secondary-button:active{background:var(--color-interactive-elementActive-primary, #e4deff)}.your-game-card .secondary-button:focus{border-radius:var(--borderRadius-full, 999px);background:var(--color-interactive-elementActive-primary, #e4deff);box-shadow:0 0 0 1px #58055803,0 0 0 2px #fff,0 0 0 4px #572ee480}.your-game-card .buttontext{text-align:center;font-size:14px;font-weight:500;line-height:120%}.your-game-card .buttonicon{width:18px;height:18px}.homepage{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:16px 16px 50px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;box-sizing:border-box;width:100%;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.no-upcoming-container{display:flex;padding:var(--sizes-3, 12px);flex-direction:column;justify-content:center;align-items:center;gap:var(--sizes-2, 8px);border-radius:var(--sizes-4, 16px);border:1px solid var(--color-border-divider-neutral-alpha, rgba(18, 1, 18, .11));flex:0 0 auto;aspect-ratio:8 / 5;width:200px;border-radius:24px;position:relative;overflow:hidden}.no-upcoming-container div{width:148px}.no-upcoming-container p{color:var(--color-icon-weak-neutralA, rgba(4, 0, 19, .48));text-align:center;font-size:12px;font-weight:500;line-height:16px}.large-plus-container{display:flex;padding:var(--sizes-3, 12px);flex-direction:column;justify-content:center;align-items:center;gap:var(--sizes-2, 8px);border-radius:var(--sizes-4, 16px);border:1px solid var(--color-border-divider-neutral-alpha, rgba(18, 1, 18, .11));flex:0 0 auto;height:265px;width:200px;border-radius:24px;position:relative;overflow:hidden}.hometitle{color:var(--color-text-strong-neutral, #1a1523);font-size:24px;font-weight:500;line-height:32px;letter-spacing:-.24px;align-self:stretch;width:100%}.notification-container{width:100%}.card-stack{display:flex;flex-direction:column;justify-content:start;align-items:center;gap:16px;width:100%}.card-stack-item{width:100%;display:flex;flex-direction:column;justify-content:start;align-items:center}.dividerr{display:flex;align-items:center;gap:var(--sizes-2, 8px);align-self:stretch;flex-direction:row;margin-bottom:16px}.dividerr h2{color:var(--color-text-weak-neutral, #6f6e77);text-align:center;font-size:14px;font-weight:500;line-height:120%}.dividerr div{height:1px;background:var(--color-border-ui-neutralA, rgba(8, 1, 15, .14));flex:1 0 0}.dividerr2{display:flex;align-items:center;gap:var(--sizes-2, 8px);align-self:stretch;flex-direction:row}.dividerr2 h2{color:var(--color-text-weak-neutral, #6f6e77);text-align:center;font-size:14px;font-weight:500;line-height:120%}.dividerr2 div{height:1px;background:var(--color-border-ui-neutralA, rgba(8, 1, 15, .14));flex:1 0 0}.filter-flex{display:flex;align-items:flex-start;gap:var(--sizes-4, 8px);align-self:stretch;width:100%}.filter-flex .search-input-div{display:flex;padding:var(--sizes-2, 8px) var(--sizes-4, 16px);align-items:center;border-radius:var(--sizes-2, 8px);background:var(--color-interactive-element-neutral, #f4f2f4);flex:1 0 0}.search-input-div .icon{width:18px;height:18px}.search-input{height:100%;width:45px;outline:none;background:var(--color-interactive-element-neutral, #f4f2f4);flex:1 0 0;color:var(--color-text-strong-neutralA, rgba(5, 0, 15, .92));-webkit-appearance:none;-moz-appearance:none;appearance:none}.search-input::placeholder{flex:1 0 0;color:var(--color-text-weak-neutral, #6f6e77);font-size:14px;font-weight:400;line-height:20px}.select-div{display:flex;padding:var(--sizes-2, 8px) var(--sizes-4, 16px);justify-content:center;align-items:center;align-self:stretch;border-radius:var(--sizes-2, 8px);background:var(--color-interactive-element-neutral, #f4f2f4)}.standard-select{background:var(--color-interactive-element-neutral, #f4f2f4);color:var(--color-text-weak-primary, #572ee4);font-size:14px;font-weight:500;line-height:120%;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;width:100%;text-align:center}.community-flex{display:flex;width:100%;padding-inline:53px;flex-direction:column;align-items:center;gap:var(--sizes-4, 16px)}.community-flex h3{color:var(--color-text-weak-primary, #572ee4);text-align:center;font-size:12px;font-weight:400;line-height:16px}.community-flex h1{color:var(--color-text-weak-primary, #572ee4);text-align:center;font-size:14px;font-weight:500;line-height:120%}.community-flex div{display:flex;padding:var(--sizes-25, 10px) var(--sizes-25, 10px) var(--sizes-25, 10px) var(--sizes-5, 20px);justify-content:center;align-items:center;gap:var(--sizes-15, 6px);border-radius:var(--borderRadius-full, 999px);background:var(--color-interactive-element-primary, #f5f2ff)}.scroll-target{height:0;width:0;position:relative;top:-16px}.hi-section{display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch}.hi-section h1{color:var(--color-text-strong-neutralA, rgba(5, 0, 15, .92));font-size:20px;font-weight:500;line-height:28px}.hi-section p{color:#000;font-size:14px;font-weight:400;line-height:20px}.hi-section ul{color:#000;font-size:14px;font-weight:400;line-height:20px;gap:8px;display:flex;flex-direction:column}.simple-card{display:flex;height:225px;flex-direction:column;justify-content:flex-end;align-items:flex-start;border-radius:16px;border:1px solid var(--color-border-divider-neutral, #e4e2e4);position:relative;overflow:hidden;flex:0 0 auto}.simple-card .background{position:absolute;bottom:0;left:0;right:0;padding:20px;color:#fff;height:100%;background:linear-gradient(180deg,rgba(0,0,0,.05) 0%,#000000 100%)}.simple-card img{height:100%;object-fit:cover}.simple-card .details{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;padding:20px;color:#fff;font-size:.8rem}.simple-card-h2{color:#fff;font-size:24px;font-weight:500;line-height:32px;letter-spacing:-.24px}.simple-card-p{color:var(--color-text-strong-white, rgba(255, 255, 255, .92));font-size:14px;font-weight:400;line-height:20px}.host-testimonial-card{display:flex;width:279px;padding:8px;flex-direction:column;align-items:flex-start;border-radius:16px;background:var(--color-interactive-element-neutral, #f4f2f4);height:172px;overflow:hidden;flex:0 0 auto}.host-testimonial-card img{height:40px;width:40px;border-radius:50%;object-fit:cover}.host-testimonial-card h1{color:var(--color-text-strong-neutralA, rgba(5, 0, 15, .92));font-size:20px;font-weight:500;line-height:28px}.host-testimonial-card h2{color:var(--color-text-weak-warning, #ad5700);font-size:14px;font-weight:400;line-height:20px}.host-testimonial-card p{color:var(--color-text-strong-neutralA, rgba(5, 0, 15, .92));font-size:14px;font-weight:400;line-height:20px}.hi-comp{display:flex;padding:16px;align-items:flex-start;gap:16px;align-self:stretch;border-radius:16px;border:1px solid var(--color-border-divider-neutral, #e4e2e4)}.hi-comp .colu{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:1 0 0}.hi-comp .line{width:1px;height:188px;background:var(--color-border-divider-neutral, #e4e2e4)}.hi-comp p{font-size:14px;font-weight:400;line-height:20px}.simple-row{display:flex;flex-direction:row;gap:8px;align-items:center}.simple-column{display:flex;flex-direction:column;gap:8px;align-items:center}.hi-section h3{color:var(--color-text-strong-neutralA, rgba(5, 0, 15, .92));font-size:14px;font-weight:500;line-height:20px}.simple-bubble{width:100%;padding:16px;border-radius:16px;border:1px solid var(--color-border-divider-neutral, #e4e2e4);background:var(--color-background-highest, #fff);box-shadow:0 51px 165px #21015912,0 18.616px 60.228px #2101590d,0 9.038px 29.239px #2101590a,0 4.43px 14.334px #21015908,0 1.752px 5.668px #21015905}.simple-bubble p{color:var(--color-text-weak-neutral, #6f6e77);font-size:14px;font-weight:400;line-height:20px}.login-page{display:flex;justify-content:center;align-items:center;height:99vh;background-color:#fff;color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.login-page .container{position:relative;width:100%;height:100%}.background-image{position:absolute;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:end;padding-bottom:180px;animation:slideIn 2s ease-in-out}.background-image img{width:90%;object-fit:cover}.overlay{position:absolute;bottom:80px;width:95%;z-index:100;min-height:35%;animation:textchange 1.7s;display:flex;padding:var(--sizes-4, 16px);flex-direction:column;align-items:center;gap:var(--sizes-4, 16px);border-radius:var(--global-sizes-6, 24px);background:var( --color-background-subtle-neutral-alpha, rgba(41, 5, 41, .03) );color:#fff;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}.overlay .content{width:100%;gap:5px;display:flex;justify-content:center;align-items:center;flex-direction:column}.overlay h1{font-size:2.5rem;font-weight:600}.login-page .logo{position:absolute;top:70px;width:150px}@keyframes slideIn{0%{transform:translateY(-100%)}72%{transform:translateY(-100%)}88%{transform:translateY(10%)}to{transform:translateY(0)}}@keyframes textchange{0%{color:#000}99%{color:#000}to{color:#fff}}.notification{display:flex;width:100%;padding:8px 0 16px;flex-direction:column;align-items:flex-start;gap:8px}.notification .time{display:flex;justify-content:flex-start;align-items:center;align-self:stretch;color:var(--color-text-weak-neutral, #6f6e77);font-size:12px;font-weight:400;line-height:16px}.notification-content{display:flex;align-items:center;gap:8px;align-self:stretch}.notification .avatar{display:flex;width:40px;height:40px;flex-direction:column;justify-content:center;align-items:center;border-radius:200px}.notification-content .div{display:flex;align-items:center;gap:8px;flex:1 0 0}.notification-content .joinH3{overflow:hidden;color:var(--color-text-weak-neutral, #6f6e77);font-size:14px;font-weight:400;line-height:20px}.notification-content .joinP{color:var(--color-text-strong-neutralA, rgba(5, 0, 15, .92));font-size:14px;font-weight:500;line-height:20px}.notification-empty-state{padding-top:48px;display:inline-flex;flex-direction:column;align-items:center;gap:16px}.notification-empty-state h2{color:var(--color-text-strong-neutralA, rgba(5, 0, 15, .92));text-align:center;font-size:14px;font-weight:500;line-height:20px}.square-image{width:40px;height:40px;border-radius:8px;object-fit:cover}.notification-filter{display:flex;padding:8px 16px;align-items:center;gap:8px;border-radius:var(--borderRadius-full, 999px);background:var(--color-interactive-element-neutral, #f4f2f4);color:var(--color-interactive-solid-primary, #7142ff);font-size:14px;font-weight:400;line-height:20px;white-space:nowrap}.notification-filter-selected{border-radius:var(--borderRadius-full, 999px);background:var(--color-background-strong-primary, #7142ff);color:var(--color-text-contrast, #fff);font-weight:400;line-height:20px}.back-header{display:flex;width:100%;align-items:center;gap:8px;margin-bottom:36px}.back-header img{width:18px;height:18px}.back-header h1{color:var(--color-text-strong-neutralA, rgba(5, 0, 15, .92));font-size:16px;font-weight:500;line-height:24px}.password-message{align-self:stretch;color:var(--color-text-strong-neutralA, rgba(5, 0, 15, .92));text-align:center;font-size:14px;font-weight:500;line-height:120%}.password-content{display:flex;width:100%;flex-direction:column;align-items:center;gap:var(--sizes-8, 32px);max-width:500px}.app-header{display:flex;justify-content:space-between;align-items:center;align-self:stretch;max-width:500px}.app-header .text{color:var(--color-text-strong-neutralA, rgba(5, 0, 15, .92));font-size:16px;font-weight:500;line-height:24px}.logotype{display:flex;width:103px;height:28.54px;padding-bottom:.035px;justify-content:center;align-items:flex-start;gap:5.794px;flex-shrink:0}.remember-reset-flex{display:flex;justify-content:flex-end;align-items:flex-start;align-self:stretch}.remember-reset-flex div{display:flex;gap:4px}.remember-reset-flex h3{color:var(--color-interactive-solidHover-primary, #6635fb);font-size:14px;font-weight:500;line-height:120%}.remember-reset-flex img{width:16px;height:16px;flex-shrink:0}.signup-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:16px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.signup-page .page-content{display:flex;width:100%;flex-direction:column;align-items:center;gap:48px;max-width:500px}.signup-form{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sizes-4, 16px);align-self:stretch}.signup-form h1{align-self:stretch;color:var(--color-text-strong-neutralA, rgba(5, 0, 15, .92));text-align:center;font-size:24px;font-weight:500;line-height:32px;letter-spacing:-.24px}.input{display:flex;height:var(--global-button-size-md, 34px);padding:var(--sizes-15, 6px) var(--sizes-2, 8px);align-items:center;gap:8px;align-self:stretch;border-radius:var(--sizes-2, 8px);border:1px solid var(--color-border-ui-neutral, #dcdbdd);background:var(--color-background-highest, #fff);box-shadow:0 1px 2px #aba4b614;color:var(--color-text-strong-neutralA, rgba(5, 0, 15, .92));outline:none}.input::placeholder{flex:1 0 0;color:var(--color-text-weak-neutral, #6f6e77);font-size:14px;font-weight:400;line-height:20px}.signup-form .input-div{display:flex;height:var(--global-button-size-md, 34px);align-items:space-between;justify-content:space-between;align-self:stretch;border-radius:var(--sizes-2, 8px);border:1px solid var(--color-border-ui-neutral, #dcdbdd);background:var(--color-background-highest, #fff);box-shadow:0 1px 2px #aba4b614;color:var(--color-text-strong-neutralA, rgba(5, 0, 15, .92));overflow:hidden}.signup-form .input-div .password-input{height:100%;outline:none;background:var(--color-background-highest, #fff);padding:var(--sizes-15, 6px) var(--sizes-2, 8px)}.signup-form .input-div .password-input::placeholder{flex:1 0 0;color:var(--color-text-weak-neutral, #6f6e77);font-size:14px;font-weight:400;line-height:20px}.hide-show-password{margin:var(--sizes-15, 6px) var(--sizes-2, 8px);width:18px;height:18px}.page-content .buttons-div{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sizes-4, 16px);align-self:stretch}.page-content .bottom-div{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sizes-4, 8px);align-self:stretch}.venue-2{background:var(--color-background-subtle-neutral, #f9f8f9);padding:16px;display:flex;flex-direction:column;align-items:center}.venue-2-header{height:75vw;width:100%;position:absolute;overflow:hidden;transform:scale(1);top:60px}.venue-cover-img{position:absolute;top:0;width:100%;height:50%;object-fit:cover;z-index:-1}.venue-2-header-top{width:100%;display:flex;padding:16px;align-items:flex-start;justify-content:space-between;flex:1 0 0;align-self:stretch;height:27%}.circle-button{border-radius:var(--borderRadius-full, 999px);background:var(--color-interactive-element-neutral, #f4f2f4);height:28px;width:28px;display:flex;justify-content:center;align-items:center}.circle-button img{width:28px}.venue-2-header-center{display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}.venue-2-header-center h1{color:var(--color-text-strong-neutralA, rgba(5, 0, 15, .92));text-align:center;font-size:20px;font-weight:500;line-height:28px}.venue-2-header-center h3{color:var(--color-text-weak-neutral, #6f6e77);font-size:14px;font-weight:450;line-height:20px}.venue-2-h1{align-self:stretch;color:var(--color-text-strong-neutral, #1a1523);font-size:20px;font-weight:500;line-height:28px}.sticky-bottom-container{display:flex;width:100%;padding:var(--sizes-4, 16px);justify-content:space-between;align-items:center;gap:var(--sizes-4, 16px);background:rgba(255,255,255,.6);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);position:fixed;bottom:0}.info-modal{display:flex;width:100%;padding:16px;flex-direction:column;align-items:flex-start;border-radius:24px;background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.info-modal h1{color:var(--color-text-strong-neutral, #1a1523);font-size:20px;font-weight:500;line-height:28px}.info-modal h3{color:var(--color-text-strong-neutralA, rgba(5, 0, 15, .92));font-size:14px;font-weight:400;line-height:20px}.info-modal p{color:var(--color-text-weak-neutralA, rgba(2, 0, 16, .57));font-size:12px;font-weight:400;line-height:16px}.venue-card{border-radius:16px;border:1px solid rgba(18,1,18,.05);background:var(--color-interactive-element-neutral, #f4f2f4);display:flex;padding:16px;flex-direction:column;align-items:flex-start;gap:12px;width:100%}.venue-card-header{display:flex;align-items:center;gap:8px;flex:1 0 0}.venue-card-header img{width:48px;height:48px}.venue-card-header div{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}.venue-card-header h1{color:var(--color-text-strong-neutralA, rgba(5, 0, 15, .92));font-size:20px;font-weight:500;line-height:28px}.venue-card-header p{color:var(--color-text-neutralA, rgba(5, 0, 15, .64));font-size:14px;font-weight:400;line-height:20px}.venue-info{display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch}.venue-details{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.venue-detail{display:flex;align-items:center;gap:8px;color:#1a1523;font-size:14px}.venue-detail .icon{width:20px;height:20px}@media (max-width: 768px){.venue-card{padding:16px}}.slot-item{display:flex;height:75px;padding:16px;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch}.plain-slot-item{border-radius:16px;background:var(--color-background-highest, #fff);box-shadow:0 51px 165px #21015912,0 18.616px 60.228px #2101590d,0 9.038px 29.239px #2101590a,0 4.43px 14.334px #21015908,0 1.752px 5.668px #21015905;color:var(--color-text-strong-neutralA, rgba(5, 0, 15, .92))}.orange-slot-item{border-radius:16px;border:1px solid var(--color-border-uiHover-warning, #ee9d2b);color:#ad5700}.purple-slot-item{border-radius:16px;border:1px solid var(--color-icon-weak-primary, #6635fb);color:#572ee4}.slot-item h1{overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:500;line-height:20px}.slot-item p{overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:400;line-height:16px}.end-of-list{color:var(--color-text-weak-neutral, #6f6e77);text-align:center;font-size:12px;font-weight:400;line-height:16px;width:100%;padding:8px}.tab-switch{position:relative;max-width:400px;width:100%;border-radius:24px;background:var( --color-interactive-element-primary-alpha, rgba(88, 38, 255, .06) );padding:2px;display:flex;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}.tab-switch .slider{position:absolute;top:3px;bottom:3px;left:3px;border-radius:28px;background:var(--color-background-highest, #fff);transition:transform .3s ease-in-out}.tab-switch .slider-right{transform:translate(95%)}.tab-button{position:relative;flex:1;padding:8px 16px;border:none;background:none;font-size:14px;font-weight:500;cursor:pointer;z-index:1;transition:color .2s ease;color:#572ee4}.tab-button:hover{color:#572ee4}.tab-button.active{color:#05000feb}.calendar{width:100%;max-width:400px;padding:20px;border-radius:16px;background:#f4f2f4;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.calendar-header button{width:40px;height:40px;border:none;color:#7142ff;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(88,38,255,.06)}.calendar-header h2{display:flex;align-items:center;gap:8px;color:var(--color-text-strong-neutralA, rgba(5, 0, 15, .92));text-align:center;font-size:14px;font-weight:400;line-height:20px}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:16px;text-align:center}.calendar-weekdays div{color:#6f6e77;font-size:14px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;transition:height .3s ease;height:var(--grid-height);overflow:hidden}.calendar-grid.month-view{--grid-height: auto;min-height:250px}.calendar-grid.week-view{--grid-height: auto;min-height:60px}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;position:relative;font-size:14px;width:min(40px,100%);height:auto;margin:0 auto;min-width:24px;min-height:24px;color:#000}.calendar-day.today{background:rgba(88,38,255,.06)}.calendar-day.selected,.c-pressed{background:#7142ff;color:#fff}.calendar-day.empty{cursor:default}.calendar-day.has-event:after{content:"";position:absolute;bottom:4px;width:4px;height:4px;border-radius:50%;background:#7142ff}.calendar-day.adjacent-month{color:#6f6e77;opacity:.5}@media (max-width: 480px){.calendar{padding:10px}.calendar-header button{width:32px;height:32px}.calendar-header h2,.calendar-weekdays div,.calendar-day{font-size:12px}}.venue-page{padding:16px 16px 100px;display:flex;flex-direction:column;align-items:center;gap:8px}.venue-page h1{color:#1a1523;font-size:24px;font-weight:500;line-height:32px;letter-spacing:-.24px}.slots-header{display:flex;padding:8px 16px;justify-content:space-between;align-items:center;align-self:stretch;border-bottom:1px solid var(--color-border-ui-neutral, #dcdbdd)}.slots-bottom-half{width:100%;flex:1;background:#f9f8f9}.slots-list-div{padding-top:8px;padding-inline:16px;display:flex;flex-direction:row;align-items:start;width:100%;gap:4px}.slots-timeline{display:flex;flex-direction:column;align-items:flex-end;align-self:stretch;padding-left:16px;width:34px}.slots-timeline-item{display:flex;flex-direction:column;align-items:flex-end;gap:32px;padding-bottom:31px;color:#6f6e77;text-align:right;font-size:12px;font-weight:400;line-height:16px}.slots-list{display:flex;padding-block:10px;flex-direction:column;align-items:flex-start;gap:5px;flex:1 0 0}.slots-item{display:flex;height:75px;padding:16px;flex-direction:row;align-items:flex-end;align-self:stretch;border-radius:16px;background:var(--color-background-highest, #fff);justify-content:space-between;box-shadow:0 51px 165px #21015912,0 18.616px 60.228px #2101590d,0 9.038px 29.239px #2101590a,0 4.43px 14.334px #21015908,0 1.752px 5.668px #21015905;overflow:hidden}.slots-item .info{display:flex;flex-direction:column;align-items:flex-start;gap:2px;height:100%;color:#1a1523}.break-div{color:var(--color-text-strong-neutralA, rgba(5, 0, 15, .92));font-size:14px;font-weight:400;line-height:20px;display:flex;justify-content:space-between;align-items:flex-start;align-self:stretch;width:100%}.time-button-base{display:flex;height:52px;padding:16px;justify-content:center;border-radius:16px;align-self:stretch;max-width:"10px"}.time-available{align-items:flex-start;background:var(--color-interactive-element-neutral, #f4f2f4);overflow:hidden;color:var(--color-text-strong-neutralA, rgba(5, 0, 15, .92));font-size:14px;font-weight:400;line-height:20px}.time-unavailable{flex-direction:column;align-items:center;border:1px solid var(--color-border-ui-neutral, #dcdbdd);background:var(--color-background-highest, #fff);overflow:hidden;color:var(--color-text-weak-neutral, #6f6e77);font-size:14px;font-weight:400;line-height:20px}.time-selected{align-items:flex-start;background:var(--color-interactive-elementActive-primary, #e4deff);overflow:hidden;color:var(--color-text-weak-primary, #572ee4);font-size:14px;font-weight:400;line-height:20px}.booking-details-flex{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.booking-details-flex h1{color:var(--color-text-strong-neutralA, rgba(5, 0, 15, .92));text-align:center;font-size:16px;font-weight:500;line-height:24px}.booking-details-flex h2{color:var(--color-text-strong-neutralA, rgba(5, 0, 15, .92));text-align:center;font-size:12px;font-weight:400;line-height:16px}.fixed-bottom-container{display:flex;width:100%;padding:var(--sizes-4, 16px);justify-content:space-between;align-items:center;gap:var(--sizes-4, 16px);background:rgba(255,255,255,.6);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);position:fixed;bottom:0}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.StripeElement{margin:15px auto;padding:10px 12px;color:#32325d;background-color:#fff;border:1px solid transparent;border-radius:4px}.StripeElement--webkit-autofill{background-color:#fefde5!important}.product{width:100%;max-width:450px;margin:auto;box-shadow:0 15px 30px #0006;border-radius:10px;overflow:hidden}.btn-pay{display:block;width:100%;border:none;background:linear-gradient(135deg,rgb(49,0,62) 0%,rgb(195,40,110) 100%);color:#fff;padding:10px;font-size:18px;cursor:pointer}.product-info{padding:0 16px}h3.product-title{font-size:28px;margin-bottom:15px}h4.product-price{font-size:24px;margin:0 0 15px;color:#777;font-weight:500}.available-credits-text{font-size:16px;margin:0 0 15px;color:#000;font-weight:500}