.wheel-container{--bg-color:#eef6f9;--modal-bg:#fff;--btn-color:#d81b60;--font-main:"Mona Sans",arial,sans-serif;--transition-speed:0.4s;--ease:ease-in-out;--drop-shadow:none;aspect-ratio:1/1;box-sizing:border-box;container-type:inline-size;display:block;filter:var(--drop-shadow);font-family:var(--font-main);margin:0 auto;max-width:650px;position:relative;width:100%}.wheel-container.shadow-filter{--drop-shadow:drop-shadow(0px 4px 15px rgba(0,0,0,.15))}.wheel-container .wheel-data{display:none}.wheel-container svg.wheel-svg{display:block;height:100%;overflow:visible;width:100%}.wheel-container .slice-group{cursor:pointer;transform-origin:top left;transition:transform .4s cubic-bezier(.25,.8,.25,1),opacity var(--transition-speed) var(--ease)}.wheel-container .hit-path{fill:transparent;pointer-events:all;stroke:none}.wheel-container .slice-path{pointer-events:none;stroke:none;transition:fill var(--transition-speed) var(--ease)}.wheel-container .slice-border{fill:none;pointer-events:none;stroke-linecap:butt;stroke-width:20px}.wheel-container .slice-content{fill:#455a64;font-family:var(--font-main);pointer-events:none;text-anchor:middle}.wheel-container .slice-label{align-content:center;display:flex;flex-wrap:wrap;height:100%;justify-content:center;text-align:center}.wheel-container .slice-label.bottom{margin-top:-10px}.wheel-container .slice-label.top{margin-top:10px}.wheel-container .slice-label h4{font-size:16px;margin-bottom:0;max-width:85px;text-wrap:balance;width:auto}.wheel-container .wheel-icon-wrapper{align-items:center;background:transparent;box-sizing:border-box;display:flex;font-size:40px;justify-content:center;margin-bottom:5px;width:100%}.wheel-container .slice-label-rim{fill:#546e7a;font-weight:800;letter-spacing:2px;pointer-events:none;text-transform:uppercase}.wheel-container .span-border{pointer-events:none}.wheel-container.has-hover .slice-group{opacity:.4}.wheel-container.has-hover .slice-group.active,.wheel-container.has-hover .slice-group:hover{opacity:1;z-index:10}.wheel-container .center-group{cursor:pointer;transform-origin:top left;transition:transform var(--transition-speed) cubic-bezier(.175,.885,.32,1.275),opacity var(--transition-speed) var(--ease)}.wheel-container .center-group.not-clickable,.wheel-container .slice-group.not-clickable{cursor:auto}.wheel-container .center-group.clickable.active,.wheel-container .center-group.clickable:hover{transform:scale(1.05)}.wheel-container.has-hover .center-group{opacity:.8}.wheel-container.has-hover .span-border .slice-border{opacity:1}.wheel-container.has-center-hover .slice-group{opacity:.4}.wheel-container.has-hover .slice-group .slice-border{transition:all .4s}.wheel-container.has-center-hover .span-border .slice-border{opacity:.6}.wheel-container .center-circle{fill:#fff}.wheel-container .center-text{fill:#455a64;font-size:16px;font-weight:700;pointer-events:none;text-anchor:middle}.wheel-container .center-group .center-html{align-content:center;aspect-ratio:1/1;border-radius:1000px;box-sizing:border-box;max-width:100%;text-align:center}.wheel-container .center-group .center-html img{margin-bottom:5px}.wheel-container .center-group .center-title{margin-bottom:0;text-align:center}.wheel-container .center-logo-container{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.wheel-container .center-logo-container img,.wheel-container .center-logo-container svg{display:block;max-height:100%;max-width:100%;object-fit:contain}.wheel-container .modal-overlay{align-items:center;backdrop-filter:blur(2px);display:flex;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity var(--transition-speed) var(--ease);width:100%;z-index:20}.wheel-container .modal-overlay.active{opacity:1;pointer-events:all}.wheel-container .modal-card{--icon-size:100px;align-items:center;background:var(--modal-bg);border:4px solid transparent;border-radius:20px;box-shadow:0 10px 25px rgba(0,0,0,.15);box-sizing:border-box;display:flex;flex-direction:column;height:80%;justify-content:center;padding:20px;position:relative;text-align:center;transform:scale(.8);transition:transform var(--transition-speed) cubic-bezier(.175,.885,.32,1.275);width:80%}.wheel-container .modal-overlay.active .modal-card{transform:scale(1)}.wheel-container .close-btn{align-items:center;background:#fff;border:2px solid #ddd;border-radius:5px;color:#aaa;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:30px;justify-content:center;line-height:1;padding:0;position:absolute;right:15px;top:15px;transition:background .2s;width:30px}.wheel-container .close-btn:hover{background:#eee}.wheel-container .modal-icon{align-items:center;display:flex;font-size:100px;justify-content:center;margin-bottom:15px}.wheel-container .modal-icon img,.wheel-container .modal-icon svg{aspect-ratio:1/1;object-fit:contain;width:var(--icon-size)}.wheel-container .modal-title{color:#37474f;font-size:28px;margin:0 0 10px}.wheel-container .modal-desc{color:#546e7a;font-size:18px;line-height:1.5;margin-bottom:25px;max-width:300px}.wheel-container .cta-btn{background-color:var(--btn-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 30px;transition:transform .2s}.wheel-container .cta-btn:hover{box-shadow:0 4px 10px rgba(216,27,96,.3);transform:translateY(-2px)}@container(max-width:600px){.wheel-container .modal-icon{align-items:center;display:flex;font-size:50px;justify-content:center;margin-bottom:0}.wheel-container .modal-card{height:100%;width:100%}.wheel-container .modal-card .center-title,.wheel-container .modal-card .modal-title{font-size:24px;margin-bottom:0}.wheel-container .modal-card .modal-desc{font-size:16px;margin-bottom:10px}.wheel-container .modal-card .meta{font-size:14px;margin-top:10px}.wheel-container .modal-icon img,.wheel-container .modal-icon svg{height:calc(var(--icon-size)*.5);width:calc(var(--icon-size)*.5)}}