@tailwind base;@tailwind components;@font-face{font-family:"Mallory";src:local("Mallory"),local("Mallory-Ultra"),local("MalloryUltra"),local("Mallory Ultra"),url(/fonts/Mallory-Ultra.ttf)}.page-padding{@apply mx-auto px-16}.video-responsive{overflow:hidden;padding-bottom:56.25%;position:relative;height:0}.video-responsive iframe{left:0;top:0;height:100%;width:100%;position:absolute}body.show-page{background-color:#252525;height:auto;max-width:100vw;margin:0;padding:0;box-sizing:border-box;display:block;padding-bottom:1rem}.tonsser-logo-show{display:flex;justify-content:center;align-items:center;width:124px;height:32px;margin:1.5rem auto}.flex-container{display:flex;justify-content:center;align-items:center;flex-direction:column;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}.media-item-container{position:relative;width:100%;background-color:#444;height:284px;display:flex;justify-content:center;margin-bottom:1rem;border-radius:8px;overflow:hidden}.loading-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:5;pointer-events:none}.video-loading-spinner{border:4px solid hsla(0,0%,100%,.3);border-top:4px solid #fff;border-radius:50%;width:2.5rem;height:2.5rem;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.video-loaded .video-loading-spinner{display:none}.media-item{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}#video{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;cursor:pointer}.video-button{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;align-items:center;justify-content:center;z-index:10;cursor:pointer}.video-button svg path#base{fill:#00ffc8;opacity:.7}.video-button svg path#Fill-1{fill:#000}.hidden{display:none !important}.media-content{display:flex;align-items:center;width:100%}.user-content{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0}.author-image{height:2.5rem;width:2.5rem;border-radius:20px;box-shadow:0px 6px 6px 0px rgba(0,0,0,.15)}.author-image img{height:100%;width:100%;object-fit:cover;border-radius:20px}.name-and-team{display:flex;flex-direction:column;flex:1 1 auto;min-width:0}.name-and-team h2,.name-and-team h3{margin:0;padding:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-style:normal;font-family:"SF Pro Text";line-height:20px}.name-and-team h2{font-size:14px;margin-bottom:1px;font-weight:700}.name-and-team a{color:inherit;text-decoration:none}.name-and-team h3{font-weight:600;font-size:11px;margin-top:auto;margin-bottom:auto}.share-media{flex-shrink:0;margin-left:8px;margin-top:3px}#shareButton{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer;color:#00ffc8;text-decoration:none;font-family:"SF Pro Text";font-size:12px;font-style:normal;font-weight:700;line-height:16px;display:flex;align-items:center;justify-content:center;gap:2.5px}#shareButton img{vertical-align:middle;margin-bottom:6px}#shareButton:focus{outline:none}.description-container{width:100%;text-align:left;color:#b6b6b6;font-family:"SF Pro Text";font-size:14px;font-style:normal;font-weight:400;line-height:20px;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.description-container p{margin-bottom:0}.green-line{width:100%;height:1px;flex-shrink:0;border-radius:16px;background:linear-gradient(90deg, #444 0%, #00ffc8 53%, #444 100%);margin-bottom:2rem;margin-top:2rem}.app-links-container{display:flex;width:100%;padding:0 12px 8px 12px;flex-direction:column;justify-content:center;align-items:center;gap:1px;background-color:#343434;border-radius:8px;font-family:"SF Pro Text";font-size:10px;font-style:normal;font-weight:700;line-height:20px;color:#f2f2f2;box-sizing:border-box}.app-links{display:flex;justify-content:space-between;align-items:center;gap:10px}.app-links img{margin:0;width:100%}.SM-links-container{display:flex;width:100%;padding:2px 16px;justify-content:space-between;align-items:center;border-radius:8px;background-color:#343434;margin-top:1rem;font-family:sf pro text;font-size:14px;font-style:normal;font-weight:700;line-height:20px;color:#dbdbdb;box-sizing:border-box}.SM-links{display:flex;gap:.8rem}.SM-logo img{width:28px;height:28px}@media screen and (min-width: 768px){body.show-page{min-height:100vh;min-width:100vw;margin:0;padding:0}.page-wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;box-sizing:border-box}.tonsser-logo-show{display:flex;width:188px;height:48px;justify-content:center;align-items:center;flex-shrink:0}.flex-container{display:flex;justify-content:center;align-items:center;flex-direction:column;box-sizing:border-box}.media-item-container{width:855px;height:540px;margin-bottom:1rem;border-radius:8px;position:relative}.media-item{width:100%;height:100%}#video{width:100%;height:100%}.media-content{width:372px}.description-container{width:372px}.app-links-container{width:372px}.SM-links-container{width:372px;margin-bottom:1rem}.user-content{margin-top:.5rem}.user-content h2{font-size:15px;margin-bottom:2px}.user-content h3{font-size:12px}#shareButton{font-size:14px}.author-image img{height:2.813rem;width:2.813rem}.share-media{margin-top:10px}.name-and-team{margin-left:2px}}@font-face{font-family:"Mallory";font-weight:900;src:font-url(/assets/Mallory-Compact-Ultra-5a9ab0ed4a8ea871b05ab7c26d495e81c2c121e6e49d8eb52e71ceb9e4cbe22c.ttf) format("truetype");font-style:normal;font-display:fallback}@font-face{font-family:"SF Pro Display";font-weight:900;src:font-url(/assets/SfProDisplay-Semibold-1670c02ebfedc1c50507fa35250e15a40398a30c5cbdc0c9bda4c0d534fd93c2.ttf) format("truetype");font-style:normal;font-display:fallback}@font-face{font-family:"SF Pro Text";font-weight:400;src:font-url(/assets/SfProText-Regular-401b10388ae97fba61faeac780e60e8bdc3054b0e7995e004abfa2c3f233b370.ttf) format("truetype");font-style:normal;font-display:fallback}@font-face{font-family:"SF Pro Text";font-weight:600;src:font-url(/assets/SfProText-SemiBold-1a555a8e8b1afbe4375c2102b574532116839b916bddca04aeef12226b853661.ttf) format("truetype");font-style:normal;font-display:fallback}@font-face{font-family:"SF Pro Text";font-weight:700;src:font-url(/assets/SfProText-Bold-86cd3d68ec372f37f8583d4d496968baa2a4edc9b4928515611209b5f9765d40.ttf) format("truetype");font-style:normal;font-display:fallback}.orange{color:#ffbc00}.supporters-hero{height:561px;clip-path:polygon(0% 0%, 0% 88%, 50% 100%, 100% 88%, 100% 0%)}.supporters-hero-gradient{background:linear-gradient(360deg, #ffc045 0%, #ff907e 38.92%, rgba(255, 69, 214, 0) 100%)}body{font-family:Arial,sans-serif;background-color:#333;color:#fff;display:flex;justify-content:center;align-items:center;height:654px;width:654px;margin:0}.match-container{width:654px;height:654px;border-radius:8px;background:linear-gradient(180deg, #343434 49.85%, #252525 100%)}.header-bg{width:654px;height:320px;border-radius:8px 8px 0 0;background:linear-gradient(180deg, rgba(52, 52, 52, 0) 70%, #343434 100%),linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%),rgba(0,179,140,.4)}.header-img{width:654px;height:320px;border-radius:8px 8px 0 0;position:absolute;background-image:url(/assets/web/head_to_head/background-3ff109f2b8dbec8bf302a34f97a9565f204096156834afe5cfcc1ce33dc39616.png);background-size:100% auto}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.row{display:flex;justify-content:space-between;align-items:center;padding-left:20px;padding-right:20px}.club-logo{width:100px;height:100px;background-color:#c5b9b9;border-radius:50%;padding:0px}.club-logo img{width:100%;height:100%;border-radius:50%;object-fit:contain}.tonsser-logo{display:flex;width:272px;height:72px;padding:8.996px 12.658px 9.011px 12.593px;justify-content:center;align-items:center;flex-shrink:0}.tonsser-logo img{width:100%;height:100%;object-fit:cover;border:0;background-image:url(/assets/web/head_to_head/tonsser-logo-a68506fd0870071ca0f1b65b66d4fa31893653edd164e9b537a599226e85a991.png)}.tonsser-logo-small{width:32px;height:32px}.team-name{width:232px;color:#f2f2f2;text-shadow:0px 8px 8px rgba(0,0,0,.15);font-family:"SF Pro Text";font-size:25px;font-style:normal;font-weight:700;line-height:25px}.vs{color:#f2f2f2;text-align:center;text-shadow:0px 6px 6px rgba(0,0,0,.15);font-family:Mallory;font-size:40px;font-style:normal;font-weight:900;line-height:normal;text-transform:uppercase}.align-right{text-align:right}.stars{display:flex;align-items:center;justify-content:space-between;width:100%;width:240px;height:40px}.stars i{color:#fff;font-size:40px;align-items:center;text-shadow:1px 1px .2px #000;cursor:pointer;color:#ff9d00 !important;transform:scale(0.8) !important}.deactivated{color:#a06232 !important;transform:scale(1.2) !important;opacity:.3}.team-wld{display:flex;justify-content:space-between;width:240px;height:40px}.wicket{display:flex;width:40px !important;height:40px !important;border-radius:5px;justify-content:center;align-items:center}.win{background-color:#09da96}.loss{background-color:#ff414c}.draw{background-color:#7d7d7d;color:#fff}.no-match{background-color:#7d7d7d;color:#fff}.prediction-title{display:flex;justify-content:center;align-items:center;overflow:hidden;color:#f2f2f2;text-overflow:ellipsis;white-space:nowrap;font-family:"SF Pro Text";font-size:32px;font-style:normal;font-weight:700;line-height:40px}.border-line{width:100%;height:4px;flex-shrink:0;border-radius:2px;background:linear-gradient(90deg, #444 0%, #00ffc8 53%, #444 100%)}.prediction-subtitle{display:flex;justify-content:center;align-items:center;color:#b6b6b6;font-family:"SF Pro Text";font-size:20px;font-style:normal;font-weight:500;line-height:24px}.prediction-subtitle span{margin-right:10px}.find-out{display:flex;justify-content:center;align-items:center;height:72px;width:100%;border-radius:16px;background:#484848}.find-out-title{color:#f2f2f2;text-align:center;text-shadow:0px 8px 8px rgba(0,0,0,.15);font-family:"SF Pro Text";font-size:28px;font-style:normal;font-weight:700;line-height:40px}.kickoff{display:flex;justify-content:center;align-items:center}.kickoff span{color:#7d7d7d;text-align:center;text-shadow:0px 12px 12px rgba(0,0,0,.15);font-family:"SF Pro Text";font-size:28px;font-style:normal;font-weight:700;line-height:40px}@tailwind utilities