:root{--ion-color-primary: #0054e9;--ion-color-primary-rgb: 0, 84, 233;--ion-color-primary-contrast: #fff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #004acd;--ion-color-primary-tint: #1a65eb;--ion-color-secondary: #0163aa;--ion-color-secondary-rgb: 1, 99, 170;--ion-color-secondary-contrast: #fff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #015796;--ion-color-secondary-tint: #1a73b3;--ion-color-tertiary: #6030ff;--ion-color-tertiary-rgb: 96, 48, 255;--ion-color-tertiary-contrast: #fff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #542ae0;--ion-color-tertiary-tint: #7045ff;--ion-color-success: #2dd55b;--ion-color-success-rgb: 45, 213, 91;--ion-color-success-contrast: #000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #28bb50;--ion-color-success-tint: #42d96b;--ion-color-warning: #ffc409;--ion-color-warning-rgb: 255, 196, 9;--ion-color-warning-contrast: #000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0ac08;--ion-color-warning-tint: #ffca22;--ion-color-danger: #c5000f;--ion-color-danger-rgb: 197, 0, 15;--ion-color-danger-contrast: #fff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #ad000d;--ion-color-danger-tint: #cb1a27;--ion-color-light: #f4f5f8;--ion-color-light-rgb: 244, 245, 248;--ion-color-light-contrast: #000;--ion-color-light-contrast-rgb: 0, 0, 0;--ion-color-light-shade: #d7d8da;--ion-color-light-tint: #f5f6f9;--ion-color-medium: #636469;--ion-color-medium-rgb: 99, 100, 105;--ion-color-medium-contrast: #fff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #57585c;--ion-color-medium-tint: #737478;--ion-color-dark: #222428;--ion-color-dark-rgb: 34, 36, 40;--ion-color-dark-contrast: #fff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #1e2023;--ion-color-dark-tint: #383a3e}html.ios{--ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif}html.md{--ion-default-font: "Roboto", "Helvetica Neue", sans-serif}html{--ion-dynamic-font: -apple-system-body;--ion-font-family: var(--ion-default-font)}body{background:var(--ion-background-color);color:var(--ion-text-color)}body.backdrop-no-scroll{overflow:hidden}html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,html.ios ion-modal ion-footer ion-toolbar:first-of-type,html.ios ion-footer.modal-footer-moving ion-toolbar:first-of-type{padding-top:6px}html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type{padding-bottom:6px}html.ios ion-modal ion-toolbar,html.ios .modal-footer-moving ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 8px);padding-left:calc(var(--ion-safe-area-left) + 8px)}@media screen and (min-width: 768px){html.ios ion-modal.modal-card:first-of-type{--backdrop-opacity: .18}}ion-modal.modal-default.show-modal~ion-modal.modal-default{--backdrop-opacity: 0;--box-shadow: none}html.ios ion-modal.modal-card .ion-page{border-top-left-radius:var(--border-radius)}.ion-color-primary{--ion-color-base: var(--ion-color-primary, #0054e9) !important;--ion-color-base-rgb: var(--ion-color-primary-rgb, 0, 84, 233) !important;--ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-primary-shade, #004acd) !important;--ion-color-tint: var(--ion-color-primary-tint, #1a65eb) !important}.ion-color-secondary{--ion-color-base: var(--ion-color-secondary, #0163aa) !important;--ion-color-base-rgb: var(--ion-color-secondary-rgb, 1, 99, 170) !important;--ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-secondary-shade, #015796) !important;--ion-color-tint: var(--ion-color-secondary-tint, #1a73b3) !important}.ion-color-tertiary{--ion-color-base: var(--ion-color-tertiary, #6030ff) !important;--ion-color-base-rgb: var(--ion-color-tertiary-rgb, 96, 48, 255) !important;--ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-tertiary-shade, #542ae0) !important;--ion-color-tint: var(--ion-color-tertiary-tint, #7045ff) !important}.ion-color-success{--ion-color-base: var(--ion-color-success, #2dd55b) !important;--ion-color-base-rgb: var(--ion-color-success-rgb, 45, 213, 91) !important;--ion-color-contrast: var(--ion-color-success-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-success-shade, #28bb50) !important;--ion-color-tint: var(--ion-color-success-tint, #42d96b) !important}.ion-color-warning{--ion-color-base: var(--ion-color-warning, #ffc409) !important;--ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;--ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;--ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important}.ion-color-danger{--ion-color-base: var(--ion-color-danger, #c5000f) !important;--ion-color-base-rgb: var(--ion-color-danger-rgb, 197, 0, 15) !important;--ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-danger-shade, #ad000d) !important;--ion-color-tint: var(--ion-color-danger-tint, #cb1a27) !important}.ion-color-light{--ion-color-base: var(--ion-color-light, #f4f5f8) !important;--ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;--ion-color-contrast: var(--ion-color-light-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;--ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important}.ion-color-medium{--ion-color-base: var(--ion-color-medium, #636469) !important;--ion-color-base-rgb: var(--ion-color-medium-rgb, 99, 100, 105) !important;--ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-medium-shade, #57585c) !important;--ion-color-tint: var(--ion-color-medium-tint, #737478) !important}.ion-color-dark{--ion-color-base: var(--ion-color-dark, #222428) !important;--ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;--ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;--ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important}.ion-page{inset:0;display:flex;position:absolute;flex-direction:column;justify-content:space-between;contain:layout size style;z-index:0}ion-modal>.ion-page{position:relative;contain:layout style;height:100%}.split-pane-visible>.ion-page.split-pane-main{position:relative}ion-route,ion-route-redirect,ion-router,ion-select-option,ion-nav-controller,ion-menu-controller,ion-action-sheet-controller,ion-alert-controller,ion-loading-controller,ion-modal-controller,ion-picker-controller,ion-popover-controller,ion-toast-controller,.ion-page-hidden{display:none!important}.ion-page-invisible{opacity:0}.can-go-back>ion-header ion-back-button{display:block}html.plt-ios.plt-hybrid,html.plt-ios.plt-pwa{--ion-statusbar-padding: 20px}@supports (padding-top: 20px){html{--ion-safe-area-top: var(--ion-statusbar-padding)}}@supports (padding-top: env(safe-area-inset-top)){html{--ion-safe-area-top: env(safe-area-inset-top);--ion-safe-area-bottom: env(safe-area-inset-bottom);--ion-safe-area-left: env(safe-area-inset-left);--ion-safe-area-right: env(safe-area-inset-right)}}ion-card.ion-color .ion-inherit-color,ion-card-header.ion-color .ion-inherit-color{color:inherit}.menu-content{transform:translateZ(0)}.menu-content-open{cursor:pointer;touch-action:manipulation;pointer-events:none;overflow-y:hidden}.menu-content-open ion-content{--overflow: hidden}.menu-content-open .ion-content-scroll-host{overflow:hidden}.ios .menu-content-reveal{box-shadow:-8px 0 42px #00000014}[dir=rtl].ios .menu-content-reveal{box-shadow:8px 0 42px #00000014}.md .menu-content-reveal,.md .menu-content-push{box-shadow:4px 0 16px #0000002e}ion-accordion-group.accordion-group-expand-inset>ion-accordion:first-of-type{border-top-left-radius:8px;border-top-right-radius:8px}ion-accordion-group.accordion-group-expand-inset>ion-accordion:last-of-type{border-bottom-left-radius:8px;border-bottom-right-radius:8px}ion-accordion-group>ion-accordion:last-of-type ion-item[slot=header]{--border-width: 0px}ion-accordion.accordion-animated>[slot=header] .ion-accordion-toggle-icon{transition:.3s transform cubic-bezier(.25,.8,.5,1)}@media (prefers-reduced-motion: reduce){ion-accordion .ion-accordion-toggle-icon{transition:none!important}}ion-accordion.accordion-expanding>[slot=header] .ion-accordion-toggle-icon,ion-accordion.accordion-expanded>[slot=header] .ion-accordion-toggle-icon{transform:rotate(180deg)}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-previous ion-item[slot=header]{--border-width: 0px;--inner-border-width: 0px}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanding:first-of-type,ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanded:first-of-type{margin-top:0}ion-input input::-webkit-date-and-time-value{text-align:start}.ion-datetime-button-overlay{--width: fit-content;--height: fit-content}.ion-datetime-button-overlay ion-datetime.datetime-grid{width:320px;min-height:320px}[ion-last-focus],header[tabindex="-1"]:focus,[role=banner][tabindex="-1"]:focus,main[tabindex="-1"]:focus,[role=main][tabindex="-1"]:focus,h1[tabindex="-1"]:focus,[role=heading][aria-level="1"][tabindex="-1"]:focus{outline:none}.popover-viewport:has(>ion-content){overflow:hidden}@supports not selector(:has(> ion-content)){.popover-viewport{overflow:hidden}}audio,canvas,progress,video{vertical-align:baseline}audio:not([controls]){display:none;height:0}b,strong{font-weight:700}img{max-width:100%}hr{height:1px;border-width:0;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}label,input,select,textarea{font-family:inherit;line-height:normal}textarea{overflow:auto;height:auto;font:inherit;color:inherit}textarea::placeholder{padding-left:2px}form,input,optgroup,select{margin:0;font:inherit;color:inherit}html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}a,a div,a span,a ion-icon,a ion-label,button,button div,button span,button ion-icon,button ion-label,.ion-tappable,[tappable],[tappable] div,[tappable] span,[tappable] ion-icon,[tappable] ion-label,input,textarea{touch-action:manipulation}a ion-label,button ion-label{pointer-events:none}button{padding:0;border:0;border-radius:0;font-family:inherit;font-style:inherit;font-variant:inherit;line-height:1;text-transform:none;cursor:pointer;-webkit-appearance:button}[tappable]{cursor:pointer}a[disabled],button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{width:100%;height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}html.ion-ce body{display:block}html.plt-pwa{height:100vh}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin:0;padding:0;position:fixed;width:100%;max-width:100%;height:100%;max-height:100%;transform:translateZ(0);text-rendering:optimizeLegibility;overflow:hidden;touch-action:manipulation;-webkit-user-drag:none;-ms-content-zooming:none;word-wrap:break-word;overscroll-behavior-y:none;-webkit-text-size-adjust:none;text-size-adjust:none}html{font-family:var(--ion-font-family)}@supports (-webkit-touch-callout: none){html{font:var(--ion-dynamic-font, 16px var(--ion-font-family))}}a{background-color:transparent;color:var(--ion-color-primary, #0054e9)}h1,h2,h3,h4,h5,h6{margin-top:16px;margin-bottom:10px;font-weight:500;line-height:1.2}h1{margin-top:20px;font-size:1.625rem}h2{margin-top:18px;font-size:1.5rem}h3{font-size:1.375rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}small{font-size:75%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}.ion-no-padding{--padding-start: 0;--padding-end: 0;--padding-top: 0;--padding-bottom: 0;padding:0}.ion-padding{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-top{--padding-top: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px)}.ion-padding-start{--padding-start: var(--ion-padding, 16px);-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px)}.ion-padding-end{--padding-end: var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}.ion-padding-bottom{--padding-bottom: var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-vertical{--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-horizontal{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}.ion-no-margin{--margin-start: 0;--margin-end: 0;--margin-top: 0;--margin-bottom: 0;margin:0}.ion-margin{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-top{--margin-top: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px)}.ion-margin-start{--margin-start: var(--ion-margin, 16px);-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px)}.ion-margin-end{--margin-end: var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}.ion-margin-bottom{--margin-bottom: var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-vertical{--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-horizontal{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}.ion-float-left{float:left!important}.ion-float-right{float:right!important}.ion-float-start{float:left!important}:host-context([dir=rtl]) .ion-float-start{float:right!important}[dir=rtl] .ion-float-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-start:dir(rtl){float:right!important}}.ion-float-end{float:right!important}:host-context([dir=rtl]) .ion-float-end{float:left!important}[dir=rtl] .ion-float-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-end:dir(rtl){float:left!important}}@media (min-width: 576px){.ion-float-sm-left{float:left!important}.ion-float-sm-right{float:right!important}.ion-float-sm-start{float:left!important}:host-context([dir=rtl]) .ion-float-sm-start{float:right!important}[dir=rtl] .ion-float-sm-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-sm-start:dir(rtl){float:right!important}}.ion-float-sm-end{float:right!important}:host-context([dir=rtl]) .ion-float-sm-end{float:left!important}[dir=rtl] .ion-float-sm-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-sm-end:dir(rtl){float:left!important}}}@media (min-width: 768px){.ion-float-md-left{float:left!important}.ion-float-md-right{float:right!important}.ion-float-md-start{float:left!important}:host-context([dir=rtl]) .ion-float-md-start{float:right!important}[dir=rtl] .ion-float-md-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-md-start:dir(rtl){float:right!important}}.ion-float-md-end{float:right!important}:host-context([dir=rtl]) .ion-float-md-end{float:left!important}[dir=rtl] .ion-float-md-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-md-end:dir(rtl){float:left!important}}}@media (min-width: 992px){.ion-float-lg-left{float:left!important}.ion-float-lg-right{float:right!important}.ion-float-lg-start{float:left!important}:host-context([dir=rtl]) .ion-float-lg-start{float:right!important}[dir=rtl] .ion-float-lg-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-lg-start:dir(rtl){float:right!important}}.ion-float-lg-end{float:right!important}:host-context([dir=rtl]) .ion-float-lg-end{float:left!important}[dir=rtl] .ion-float-lg-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-lg-end:dir(rtl){float:left!important}}}@media (min-width: 1200px){.ion-float-xl-left{float:left!important}.ion-float-xl-right{float:right!important}.ion-float-xl-start{float:left!important}:host-context([dir=rtl]) .ion-float-xl-start{float:right!important}[dir=rtl] .ion-float-xl-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-xl-start:dir(rtl){float:right!important}}.ion-float-xl-end{float:right!important}:host-context([dir=rtl]) .ion-float-xl-end{float:left!important}[dir=rtl] .ion-float-xl-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-xl-end:dir(rtl){float:left!important}}}.ion-text-center{text-align:center!important}.ion-text-justify{text-align:justify!important}.ion-text-start{text-align:start!important}.ion-text-end{text-align:end!important}.ion-text-left{text-align:left!important}.ion-text-right{text-align:right!important}.ion-text-nowrap{white-space:nowrap!important}.ion-text-wrap{white-space:normal!important}@media (min-width: 576px){.ion-text-sm-center{text-align:center!important}.ion-text-sm-justify{text-align:justify!important}.ion-text-sm-start{text-align:start!important}.ion-text-sm-end{text-align:end!important}.ion-text-sm-left{text-align:left!important}.ion-text-sm-right{text-align:right!important}.ion-text-sm-nowrap{white-space:nowrap!important}.ion-text-sm-wrap{white-space:normal!important}}@media (min-width: 768px){.ion-text-md-center{text-align:center!important}.ion-text-md-justify{text-align:justify!important}.ion-text-md-start{text-align:start!important}.ion-text-md-end{text-align:end!important}.ion-text-md-left{text-align:left!important}.ion-text-md-right{text-align:right!important}.ion-text-md-nowrap{white-space:nowrap!important}.ion-text-md-wrap{white-space:normal!important}}@media (min-width: 992px){.ion-text-lg-center{text-align:center!important}.ion-text-lg-justify{text-align:justify!important}.ion-text-lg-start{text-align:start!important}.ion-text-lg-end{text-align:end!important}.ion-text-lg-left{text-align:left!important}.ion-text-lg-right{text-align:right!important}.ion-text-lg-nowrap{white-space:nowrap!important}.ion-text-lg-wrap{white-space:normal!important}}@media (min-width: 1200px){.ion-text-xl-center{text-align:center!important}.ion-text-xl-justify{text-align:justify!important}.ion-text-xl-start{text-align:start!important}.ion-text-xl-end{text-align:end!important}.ion-text-xl-left{text-align:left!important}.ion-text-xl-right{text-align:right!important}.ion-text-xl-nowrap{white-space:nowrap!important}.ion-text-xl-wrap{white-space:normal!important}}.ion-text-uppercase{text-transform:uppercase!important}.ion-text-lowercase{text-transform:lowercase!important}.ion-text-capitalize{text-transform:capitalize!important}@media (min-width: 576px){.ion-text-sm-uppercase{text-transform:uppercase!important}.ion-text-sm-lowercase{text-transform:lowercase!important}.ion-text-sm-capitalize{text-transform:capitalize!important}}@media (min-width: 768px){.ion-text-md-uppercase{text-transform:uppercase!important}.ion-text-md-lowercase{text-transform:lowercase!important}.ion-text-md-capitalize{text-transform:capitalize!important}}@media (min-width: 992px){.ion-text-lg-uppercase{text-transform:uppercase!important}.ion-text-lg-lowercase{text-transform:lowercase!important}.ion-text-lg-capitalize{text-transform:capitalize!important}}@media (min-width: 1200px){.ion-text-xl-uppercase{text-transform:uppercase!important}.ion-text-xl-lowercase{text-transform:lowercase!important}.ion-text-xl-capitalize{text-transform:capitalize!important}}.ion-align-content-start{align-content:flex-start!important}.ion-align-content-end{align-content:flex-end!important}.ion-align-content-center{align-content:center!important}.ion-align-content-between{align-content:space-between!important}.ion-align-content-around{align-content:space-around!important}.ion-align-content-stretch{align-content:stretch!important}@media (min-width: 576px){.ion-align-content-sm-start{align-content:flex-start!important}.ion-align-content-sm-end{align-content:flex-end!important}.ion-align-content-sm-center{align-content:center!important}.ion-align-content-sm-between{align-content:space-between!important}.ion-align-content-sm-around{align-content:space-around!important}.ion-align-content-sm-stretch{align-content:stretch!important}}@media (min-width: 768px){.ion-align-content-md-start{align-content:flex-start!important}.ion-align-content-md-end{align-content:flex-end!important}.ion-align-content-md-center{align-content:center!important}.ion-align-content-md-between{align-content:space-between!important}.ion-align-content-md-around{align-content:space-around!important}.ion-align-content-md-stretch{align-content:stretch!important}}@media (min-width: 992px){.ion-align-content-lg-start{align-content:flex-start!important}.ion-align-content-lg-end{align-content:flex-end!important}.ion-align-content-lg-center{align-content:center!important}.ion-align-content-lg-between{align-content:space-between!important}.ion-align-content-lg-around{align-content:space-around!important}.ion-align-content-lg-stretch{align-content:stretch!important}}@media (min-width: 1200px){.ion-align-content-xl-start{align-content:flex-start!important}.ion-align-content-xl-end{align-content:flex-end!important}.ion-align-content-xl-center{align-content:center!important}.ion-align-content-xl-between{align-content:space-between!important}.ion-align-content-xl-around{align-content:space-around!important}.ion-align-content-xl-stretch{align-content:stretch!important}}.ion-align-items-start{align-items:start!important}.ion-align-items-end{align-items:end!important}.ion-align-items-center{align-items:center!important}.ion-align-items-stretch{align-items:stretch!important}.ion-align-items-baseline{align-items:baseline!important}@media (min-width: 576px){.ion-align-items-sm-start{align-items:start!important}.ion-align-items-sm-end{align-items:end!important}.ion-align-items-sm-center{align-items:center!important}.ion-align-items-sm-stretch{align-items:stretch!important}.ion-align-items-sm-baseline{align-items:baseline!important}}@media (min-width: 768px){.ion-align-items-md-start{align-items:start!important}.ion-align-items-md-end{align-items:end!important}.ion-align-items-md-center{align-items:center!important}.ion-align-items-md-stretch{align-items:stretch!important}.ion-align-items-md-baseline{align-items:baseline!important}}@media (min-width: 992px){.ion-align-items-lg-start{align-items:start!important}.ion-align-items-lg-end{align-items:end!important}.ion-align-items-lg-center{align-items:center!important}.ion-align-items-lg-stretch{align-items:stretch!important}.ion-align-items-lg-baseline{align-items:baseline!important}}@media (min-width: 1200px){.ion-align-items-xl-start{align-items:start!important}.ion-align-items-xl-end{align-items:end!important}.ion-align-items-xl-center{align-items:center!important}.ion-align-items-xl-stretch{align-items:stretch!important}.ion-align-items-xl-baseline{align-items:baseline!important}}.ion-align-self-start{align-self:start!important}.ion-align-self-end{align-self:end!important}.ion-align-self-center{align-self:center!important}.ion-align-self-stretch{align-self:stretch!important}.ion-align-self-baseline{align-self:baseline!important}.ion-align-self-auto{align-self:auto!important}@media (min-width: 576px){.ion-align-self-sm-start{align-self:start!important}.ion-align-self-sm-end{align-self:end!important}.ion-align-self-sm-center{align-self:center!important}.ion-align-self-sm-stretch{align-self:stretch!important}.ion-align-self-sm-baseline{align-self:baseline!important}.ion-align-self-sm-auto{align-self:auto!important}}@media (min-width: 768px){.ion-align-self-md-start{align-self:start!important}.ion-align-self-md-end{align-self:end!important}.ion-align-self-md-center{align-self:center!important}.ion-align-self-md-stretch{align-self:stretch!important}.ion-align-self-md-baseline{align-self:baseline!important}.ion-align-self-md-auto{align-self:auto!important}}@media (min-width: 992px){.ion-align-self-lg-start{align-self:start!important}.ion-align-self-lg-end{align-self:end!important}.ion-align-self-lg-center{align-self:center!important}.ion-align-self-lg-stretch{align-self:stretch!important}.ion-align-self-lg-baseline{align-self:baseline!important}.ion-align-self-lg-auto{align-self:auto!important}}@media (min-width: 1200px){.ion-align-self-xl-start{align-self:start!important}.ion-align-self-xl-end{align-self:end!important}.ion-align-self-xl-center{align-self:center!important}.ion-align-self-xl-stretch{align-self:stretch!important}.ion-align-self-xl-baseline{align-self:baseline!important}.ion-align-self-xl-auto{align-self:auto!important}}.ion-justify-content-start{justify-content:flex-start!important}.ion-justify-content-end{justify-content:flex-end!important}.ion-justify-content-center{justify-content:center!important}.ion-justify-content-between{justify-content:space-between!important}.ion-justify-content-around{justify-content:space-around!important}.ion-justify-content-evenly{justify-content:space-evenly!important}@media (min-width: 576px){.ion-justify-content-sm-start{justify-content:flex-start!important}.ion-justify-content-sm-end{justify-content:flex-end!important}.ion-justify-content-sm-center{justify-content:center!important}.ion-justify-content-sm-between{justify-content:space-between!important}.ion-justify-content-sm-around{justify-content:space-around!important}.ion-justify-content-sm-evenly{justify-content:space-evenly!important}}@media (min-width: 768px){.ion-justify-content-md-start{justify-content:flex-start!important}.ion-justify-content-md-end{justify-content:flex-end!important}.ion-justify-content-md-center{justify-content:center!important}.ion-justify-content-md-between{justify-content:space-between!important}.ion-justify-content-md-around{justify-content:space-around!important}.ion-justify-content-md-evenly{justify-content:space-evenly!important}}@media (min-width: 992px){.ion-justify-content-lg-start{justify-content:flex-start!important}.ion-justify-content-lg-end{justify-content:flex-end!important}.ion-justify-content-lg-center{justify-content:center!important}.ion-justify-content-lg-between{justify-content:space-between!important}.ion-justify-content-lg-around{justify-content:space-around!important}.ion-justify-content-lg-evenly{justify-content:space-evenly!important}}@media (min-width: 1200px){.ion-justify-content-xl-start{justify-content:flex-start!important}.ion-justify-content-xl-end{justify-content:flex-end!important}.ion-justify-content-xl-center{justify-content:center!important}.ion-justify-content-xl-between{justify-content:space-between!important}.ion-justify-content-xl-around{justify-content:space-around!important}.ion-justify-content-xl-evenly{justify-content:space-evenly!important}}.ion-flex-row{flex-direction:row!important}.ion-flex-row-reverse{flex-direction:row-reverse!important}.ion-flex-column{flex-direction:column!important}.ion-flex-column-reverse{flex-direction:column-reverse!important}@media (min-width: 576px){.ion-flex-sm-row{flex-direction:row!important}.ion-flex-sm-row-reverse{flex-direction:row-reverse!important}.ion-flex-sm-column{flex-direction:column!important}.ion-flex-sm-column-reverse{flex-direction:column-reverse!important}}@media (min-width: 768px){.ion-flex-md-row{flex-direction:row!important}.ion-flex-md-row-reverse{flex-direction:row-reverse!important}.ion-flex-md-column{flex-direction:column!important}.ion-flex-md-column-reverse{flex-direction:column-reverse!important}}@media (min-width: 992px){.ion-flex-lg-row{flex-direction:row!important}.ion-flex-lg-row-reverse{flex-direction:row-reverse!important}.ion-flex-lg-column{flex-direction:column!important}.ion-flex-lg-column-reverse{flex-direction:column-reverse!important}}@media (min-width: 1200px){.ion-flex-xl-row{flex-direction:row!important}.ion-flex-xl-row-reverse{flex-direction:row-reverse!important}.ion-flex-xl-column{flex-direction:column!important}.ion-flex-xl-column-reverse{flex-direction:column-reverse!important}}.ion-wrap{flex-wrap:wrap!important}.ion-nowrap{flex-wrap:nowrap!important}.ion-wrap-reverse{flex-wrap:wrap-reverse!important}.ion-flex-wrap{flex-wrap:wrap!important}.ion-flex-nowrap{flex-wrap:nowrap!important}.ion-flex-wrap-reverse{flex-wrap:wrap-reverse!important}@media (min-width: 576px){.ion-flex-sm-wrap{flex-wrap:wrap!important}.ion-flex-sm-nowrap{flex-wrap:nowrap!important}.ion-flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}}@media (min-width: 768px){.ion-flex-md-wrap{flex-wrap:wrap!important}.ion-flex-md-nowrap{flex-wrap:nowrap!important}.ion-flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}}@media (min-width: 992px){.ion-flex-lg-wrap{flex-wrap:wrap!important}.ion-flex-lg-nowrap{flex-wrap:nowrap!important}.ion-flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}}@media (min-width: 1200px){.ion-flex-xl-wrap{flex-wrap:wrap!important}.ion-flex-xl-nowrap{flex-wrap:nowrap!important}.ion-flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}}.ion-flex-1{flex:1!important}.ion-flex-auto{flex:auto!important}.ion-flex-initial{flex:initial!important}.ion-flex-none{flex:none!important}@media (min-width: 576px){.ion-flex-sm-1{flex:1!important}.ion-flex-sm-auto{flex:auto!important}.ion-flex-sm-initial{flex:initial!important}.ion-flex-sm-none{flex:none!important}}@media (min-width: 768px){.ion-flex-md-1{flex:1!important}.ion-flex-md-auto{flex:auto!important}.ion-flex-md-initial{flex:initial!important}.ion-flex-md-none{flex:none!important}}@media (min-width: 992px){.ion-flex-lg-1{flex:1!important}.ion-flex-lg-auto{flex:auto!important}.ion-flex-lg-initial{flex:initial!important}.ion-flex-lg-none{flex:none!important}}@media (min-width: 1200px){.ion-flex-xl-1{flex:1!important}.ion-flex-xl-auto{flex:auto!important}.ion-flex-xl-initial{flex:initial!important}.ion-flex-xl-none{flex:none!important}}.ion-flex-grow-0{flex-grow:0!important}.ion-flex-grow-1{flex-grow:1!important}.ion-flex-shrink-0{flex-shrink:0!important}.ion-flex-shrink-1{flex-shrink:1!important}@media (min-width: 576px){.ion-flex-sm-grow-0{flex-grow:0!important}.ion-flex-sm-grow-1{flex-grow:1!important}.ion-flex-sm-shrink-0{flex-shrink:0!important}.ion-flex-sm-shrink-1{flex-shrink:1!important}}@media (min-width: 768px){.ion-flex-md-grow-0{flex-grow:0!important}.ion-flex-md-grow-1{flex-grow:1!important}.ion-flex-md-shrink-0{flex-shrink:0!important}.ion-flex-md-shrink-1{flex-shrink:1!important}}@media (min-width: 992px){.ion-flex-lg-grow-0{flex-grow:0!important}.ion-flex-lg-grow-1{flex-grow:1!important}.ion-flex-lg-shrink-0{flex-shrink:0!important}.ion-flex-lg-shrink-1{flex-shrink:1!important}}@media (min-width: 1200px){.ion-flex-xl-grow-0{flex-grow:0!important}.ion-flex-xl-grow-1{flex-grow:1!important}.ion-flex-xl-shrink-0{flex-shrink:0!important}.ion-flex-xl-shrink-1{flex-shrink:1!important}}.ion-order-first{order:-1!important}.ion-order-0{order:0!important}.ion-order-1{order:1!important}.ion-order-2{order:2!important}.ion-order-3{order:3!important}.ion-order-4{order:4!important}.ion-order-5{order:5!important}.ion-order-6{order:6!important}.ion-order-7{order:7!important}.ion-order-8{order:8!important}.ion-order-9{order:9!important}.ion-order-10{order:10!important}.ion-order-11{order:11!important}.ion-order-12{order:12!important}.ion-order-last{order:13!important}@media (min-width: 576px){.ion-order-sm-first{order:-1!important}.ion-order-sm-0{order:0!important}.ion-order-sm-1{order:1!important}.ion-order-sm-2{order:2!important}.ion-order-sm-3{order:3!important}.ion-order-sm-4{order:4!important}.ion-order-sm-5{order:5!important}.ion-order-sm-6{order:6!important}.ion-order-sm-7{order:7!important}.ion-order-sm-8{order:8!important}.ion-order-sm-9{order:9!important}.ion-order-sm-10{order:10!important}.ion-order-sm-11{order:11!important}.ion-order-sm-12{order:12!important}.ion-order-sm-last{order:13!important}}@media (min-width: 768px){.ion-order-md-first{order:-1!important}.ion-order-md-0{order:0!important}.ion-order-md-1{order:1!important}.ion-order-md-2{order:2!important}.ion-order-md-3{order:3!important}.ion-order-md-4{order:4!important}.ion-order-md-5{order:5!important}.ion-order-md-6{order:6!important}.ion-order-md-7{order:7!important}.ion-order-md-8{order:8!important}.ion-order-md-9{order:9!important}.ion-order-md-10{order:10!important}.ion-order-md-11{order:11!important}.ion-order-md-12{order:12!important}.ion-order-md-last{order:13!important}}@media (min-width: 992px){.ion-order-lg-first{order:-1!important}.ion-order-lg-0{order:0!important}.ion-order-lg-1{order:1!important}.ion-order-lg-2{order:2!important}.ion-order-lg-3{order:3!important}.ion-order-lg-4{order:4!important}.ion-order-lg-5{order:5!important}.ion-order-lg-6{order:6!important}.ion-order-lg-7{order:7!important}.ion-order-lg-8{order:8!important}.ion-order-lg-9{order:9!important}.ion-order-lg-10{order:10!important}.ion-order-lg-11{order:11!important}.ion-order-lg-12{order:12!important}.ion-order-lg-last{order:13!important}}@media (min-width: 1200px){.ion-order-xl-first{order:-1!important}.ion-order-xl-0{order:0!important}.ion-order-xl-1{order:1!important}.ion-order-xl-2{order:2!important}.ion-order-xl-3{order:3!important}.ion-order-xl-4{order:4!important}.ion-order-xl-5{order:5!important}.ion-order-xl-6{order:6!important}.ion-order-xl-7{order:7!important}.ion-order-xl-8{order:8!important}.ion-order-xl-9{order:9!important}.ion-order-xl-10{order:10!important}.ion-order-xl-11{order:11!important}.ion-order-xl-12{order:12!important}.ion-order-xl-last{order:13!important}}.ion-hide,.ion-hide-up,.ion-hide-down{display:none!important}@media (min-width: 576px){.ion-hide-sm-up{display:none!important}}@media (max-width: 575.98px){.ion-hide-sm-down{display:none!important}}@media (min-width: 768px){.ion-hide-md-up{display:none!important}}@media (max-width: 767.98px){.ion-hide-md-down{display:none!important}}@media (min-width: 992px){.ion-hide-lg-up{display:none!important}}@media (max-width: 991.98px){.ion-hide-lg-down{display:none!important}}@media (min-width: 1200px){.ion-hide-xl-up{display:none!important}}@media (max-width: 1199.98px){.ion-hide-xl-down{display:none!important}}.ion-display-none{display:none!important}@media (min-width: 576px){.ion-display-sm-none{display:none!important}}@media (min-width: 768px){.ion-display-md-none{display:none!important}}@media (min-width: 992px){.ion-display-lg-none{display:none!important}}@media (min-width: 1200px){.ion-display-xl-none{display:none!important}}.ion-display-inline{display:inline!important}@media (min-width: 576px){.ion-display-sm-inline{display:inline!important}}@media (min-width: 768px){.ion-display-md-inline{display:inline!important}}@media (min-width: 992px){.ion-display-lg-inline{display:inline!important}}@media (min-width: 1200px){.ion-display-xl-inline{display:inline!important}}.ion-display-inline-block{display:inline-block!important}@media (min-width: 576px){.ion-display-sm-inline-block{display:inline-block!important}}@media (min-width: 768px){.ion-display-md-inline-block{display:inline-block!important}}@media (min-width: 992px){.ion-display-lg-inline-block{display:inline-block!important}}@media (min-width: 1200px){.ion-display-xl-inline-block{display:inline-block!important}}.ion-display-block{display:block!important}@media (min-width: 576px){.ion-display-sm-block{display:block!important}}@media (min-width: 768px){.ion-display-md-block{display:block!important}}@media (min-width: 992px){.ion-display-lg-block{display:block!important}}@media (min-width: 1200px){.ion-display-xl-block{display:block!important}}.ion-display-flex{display:flex!important}@media (min-width: 576px){.ion-display-sm-flex{display:flex!important}}@media (min-width: 768px){.ion-display-md-flex{display:flex!important}}@media (min-width: 992px){.ion-display-lg-flex{display:flex!important}}@media (min-width: 1200px){.ion-display-xl-flex{display:flex!important}}.ion-display-inline-flex{display:inline-flex!important}@media (min-width: 576px){.ion-display-sm-inline-flex{display:inline-flex!important}}@media (min-width: 768px){.ion-display-md-inline-flex{display:inline-flex!important}}@media (min-width: 992px){.ion-display-lg-inline-flex{display:inline-flex!important}}@media (min-width: 1200px){.ion-display-xl-inline-flex{display:inline-flex!important}}.ion-display-grid{display:grid!important}@media (min-width: 576px){.ion-display-sm-grid{display:grid!important}}@media (min-width: 768px){.ion-display-md-grid{display:grid!important}}@media (min-width: 992px){.ion-display-lg-grid{display:grid!important}}@media (min-width: 1200px){.ion-display-xl-grid{display:grid!important}}.ion-display-inline-grid{display:inline-grid!important}@media (min-width: 576px){.ion-display-sm-inline-grid{display:inline-grid!important}}@media (min-width: 768px){.ion-display-md-inline-grid{display:inline-grid!important}}@media (min-width: 992px){.ion-display-lg-inline-grid{display:inline-grid!important}}@media (min-width: 1200px){.ion-display-xl-inline-grid{display:inline-grid!important}}.ion-display-table{display:table!important}@media (min-width: 576px){.ion-display-sm-table{display:table!important}}@media (min-width: 768px){.ion-display-md-table{display:table!important}}@media (min-width: 992px){.ion-display-lg-table{display:table!important}}@media (min-width: 1200px){.ion-display-xl-table{display:table!important}}.ion-display-table-cell{display:table-cell!important}@media (min-width: 576px){.ion-display-sm-table-cell{display:table-cell!important}}@media (min-width: 768px){.ion-display-md-table-cell{display:table-cell!important}}@media (min-width: 992px){.ion-display-lg-table-cell{display:table-cell!important}}@media (min-width: 1200px){.ion-display-xl-table-cell{display:table-cell!important}}.ion-display-table-row{display:table-row!important}@media (min-width: 576px){.ion-display-sm-table-row{display:table-row!important}}@media (min-width: 768px){.ion-display-md-table-row{display:table-row!important}}@media (min-width: 992px){.ion-display-lg-table-row{display:table-row!important}}@media (min-width: 1200px){.ion-display-xl-table-row{display:table-row!important}}:root{--ion-color-primary: #1863A3;--ion-color-primary-rgb: 56, 128, 255;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #3171e0;--ion-color-primary-tint: #4c8dff;--ion-color-secondary: #0cd1e8;--ion-color-secondary-rgb: 12, 209, 232;--ion-color-secondary-contrast: #ffffff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #0bb8cc;--ion-color-secondary-tint: #24d6ea;--ion-color-success: #10dc60;--ion-color-success-rgb: 16, 220, 96;--ion-color-success-contrast: #ffffff;--ion-color-success-contrast-rgb: 255, 255, 255;--ion-color-success-shade: #0ec254;--ion-color-success-tint: #28e070;--ion-color-warning: #ffce00;--ion-color-warning-rgb: 255, 206, 0;--ion-color-warning-contrast: #ffffff;--ion-color-warning-contrast-rgb: 255, 255, 255;--ion-color-warning-shade: #e0b500;--ion-color-warning-tint: #ffd31a;--ion-color-danger: #f04141;--ion-color-danger-rgb: 240, 65, 65;--ion-color-danger-contrast: #ffffff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #d33939;--ion-color-danger-tint: #f25454;--ion-color-dark: #222428;--ion-color-dark-rgb: 34, 34, 34;--ion-color-dark-contrast: #ffffff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #1e2023;--ion-color-dark-tint: #383a3e;--ion-color-medium: #92949c;--ion-color-medium-rgb: 146, 148, 156;--ion-color-medium-contrast: #ffffff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #808289;--ion-color-medium-tint: #9d9fa6;--ion-color-light: #f4f5f8;--ion-color-light-rgb: 244, 244, 244;--ion-color-light-contrast: #000000;--ion-color-light-contrast-rgb: 0, 0, 0;--ion-color-light-shade: #d7d8da;--ion-color-light-tint: #f5f6f9;--tatomaths-primary: #4CAF50;--tatomaths-secondary: #FFC107;--tatomaths-background: #FFFFFF;--tatomaths-text: #000000;--tatomaths-text-primary: #FFFFFF;--button-profile-bg: #A9DAF3;--bubble-bg: #A9DAF3;--bubble-selected-bg: #FFB7FA;--bubble-correct-bg: #34D399;--bubble-incorrect-bg: #F87171;--bubble-feedback-correct: #059669;--bubble-feedback-incorrect: #b91c1c;--color-tutor-primary: #667eea;--color-tutor-secondary: #764ba2;--color-student-primary: #f093fb;--color-student-secondary: #f5576c;--color-focus: #ffd700;--color-border: #e2e8f0;--font-family-primary: "Atkinson Hyperlegible", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-size-small: .875rem;--font-size-base: 1rem;--font-size-large: 1.25rem;--font-size-xlarge: 1.5rem;--font-size-xxlarge: 2rem;--font-weight-normal: 400;--font-weight-medium: 600;--font-weight-bold: 700;--font-weight-black: 900;--tatomaths-font: "Atkinson Hyperlegible", sans-serif;--tatomaths-weight: 400;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--border-radius-sm: 8px;--border-radius-md: 16px;--border-radius-lg: 24px;--border-radius-xl: 32px;--box-shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--box-shadow-md: 0 10px 30px rgba(0, 0, 0, .08);--box-shadow-lg: 0 20px 50px rgba(0, 0, 0, .12);--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--transition-bounce: .3s cubic-bezier(.4, 0, .2, 1);--min-touch-target: 48px;--focus-outline: 4px}html,body,#root{height:100%;font-family:Atkinson Hyperlegible,-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}ion-button{--border-radius: 12px;text-transform:none;font-weight:600}ion-card{border-radius:16px;box-shadow:0 2px 8px #0000001a}ion-item{--border-radius: 8px}ion-title{text-align:center;font-weight:700}.tatomaths-button{background:transparent;border-radius:var(--border-radius-xl);padding:var(--spacing-xxl) var(--spacing-xl);cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:var(--font-family-primary)}.tatomaths-button:hover,.tatomaths-button:active{background-color:var(--ion-color-primary);outline:2px solid black}.tatomaths-button:focus{background-color:var(--ion-color-primary);outline:2px solid black}.tatomaths-image{width:180px;height:180px;object-fit:contain;transition:transform var(--transition-bounce)}.tatomaths-button:hover .tatomaths-image{transform:scale(1.1)}.tatomaths-label{font-size:var(--font-size-xxlarge);font-weight:var(--font-weight-bold);color:var(--tatomaths-text);transition:color var(--transition-normal)}@media (prefers-reduced-motion: reduce){.tatomaths-button,.tatomaths-image,.tatomaths-label{transition:none!important;animation:none!important}.tatomaths-button:hover,.tatomaths-button:hover .tatomaths-image{transform:none!important}}@media (prefers-contrast: high){.tatomaths-button{border-width:4px}.tatomaths-label{font-weight:var(--font-weight-black)}.tatomaths-button:focus{border-width:6px}}.home-content{--background: var(--tatomaths-background);display:flex;align-items:center;justify-content:center;height:100vh;width:100%;overflow:hidden}.home-container{width:100%;max-width:1200px;height:100%;padding:var(--spacing-xl);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xxl);margin:0 auto;overflow:hidden}.home-header{text-align:center;flex-shrink:0}.home-title{font-size:clamp(2.5rem,6vw,5rem);font-weight:var(--font-weight-black);color:var( --ion-color-primary);margin:0 0 .75rem;letter-spacing:-1px}.home-subtitle{font-size:clamp(1.25rem,3vw,2rem);font-weight:var(--font-weight-medium);color:#4a5568;margin:0}.home-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xxl);width:50%;max-width:900px;margin:0 auto;flex:1;align-content:center}@media (max-width: 1024px){.home-container{gap:var(--spacing-lg);padding:var(--spacing-lg)}.home-buttons{gap:var(--spacing-lg);max-width:700px}.tatomaths-button{min-height:240px;max-height:300px}}@media (max-width: 768px){.home-container{padding:var(--spacing-md);gap:var(--spacing-md)}.home-buttons{grid-template-columns:1fr;gap:var(--spacing-md);max-width:500px}.tatomaths-button{min-height:200px;max-height:280px}}@media (max-width: 480px){.home-container{padding:var(--spacing-sm);gap:var(--spacing-sm)}.home-buttons{gap:var(--spacing-sm)}.tatomaths-button{min-height:180px;max-height:240px}}@media (max-height: 650px) and (orientation: landscape){.home-container{padding:var(--spacing-sm);gap:var(--spacing-sm)}.home-header{margin-bottom:0}.home-buttons{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.tatomaths-button{min-height:160px;max-height:200px}}.login-background{display:flex;flex-direction:column;align-items:center;justify-content:center}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:80vh;width:100%}.login-header{display:flex!important;flex-direction:row;justify-content:center;align-items:center;text-align:center;width:100%;height:22vh;min-height:90px;max-height:250px;z-index:10;margin:0;padding:0;position:relative}.main-title{text-align:center;flex-shrink:0}.main-title h1{font-family:var(--font-family-primary);font-weight:var(--font-weight-normal);color:#000;font-size:2.5rem}.login-logo-title{display:block;margin:0 auto;width:auto;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0px 0px 10px rgba(255,255,255,.8))}.login-card{max-width:400px;width:90%;background-color:var(--ion-color-primary);box-shadow:0 10px 20px #0003;border-radius:16px;padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center;font-family:var(--font-family-primary);font-weight:var(--font-weight-normal);justify-content:center;margin:0 auto}.login-card h2,.login-card p{color:var(--tatomaths-text-primary)}.login-form{width:100%;display:flex;flex-direction:column;align-items:center}.input-item{--background: transparent;width:90%;margin-bottom:20px}ion-input.login-custom-input{--background: white;--padding-start: 15px;--padding-end: 50px;--border-radius: 40px;margin-top:20px;height:50px;text-align:left}ion-label.input-text{color:var(--tatomaths-text-primary)!important}.input-item{position:relative;z-index:10;overflow:visible}.input-icon{color:#000;position:absolute;right:30px;top:65%;transform:translateY(-50%);pointer-events:auto;z-index:20}ion-button.login-button{margin-top:20px;width:80%;height:50px;--background: white;--color: var(--ion-color-primary);--border-radius: 40px;--box-shadow: none}ion-button.login-button::part(native):hover{background-color:var(--ion-color-light)}.custom-form-toast{max-width:360px;min-width:200px;left:50%;transform:translate(-50%);top:10px}.custom-form-toast::part(container){background-color:var(--ion-color-danger);border-radius:4px}.custom-form-toast::part(message){text-align:center}@media (max-height: 600px){.login-header{height:20vh;max-height:80px;margin-top:90px}}@media (max-width: 650px){.login-header{max-height:140px;margin-top:60px}}.student-register-ion-content{--background: #ffffff}.student-register-ion-content::part(scroll){display:flex;flex-direction:column}.student-register-main-container{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Atkinson Hyperlegible,sans-serif;background-color:#fff;flex:1;width:100%;padding:1rem;box-sizing:border-box;min-height:0}.student-register-main-container h1{color:#000;text-align:center;font-size:1.5rem;margin-bottom:.5rem}@media (min-width: 768px){.student-register-main-container{padding:2rem}.student-register-main-container h1{font-size:2rem}}@media (min-width: 1024px){.student-register-main-container h1{font-size:2.2rem}}.student-register-form-card{width:100%;max-width:600px;background-color:var(--ion-color-primary);border-radius:16px;padding:1.2rem;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;gap:1rem;position:relative;z-index:1;box-sizing:border-box;flex-shrink:1;overflow-y:auto;max-height:100%}.student-register-form-card h2{text-align:center;color:#fff;font-size:1.2rem;margin:0 0 .5rem;font-weight:700}@media (min-width: 768px){.student-register-form-card{padding:2rem;border-radius:24px;gap:1.5rem;max-height:calc(100vh - 6rem)}.student-register-form-card h2{font-size:1.8rem;margin-bottom:1rem}}@media (min-width: 1024px){.student-register-form-card{max-width:700px;padding:2.5rem;max-height:calc(100vh - 8rem)}.student-register-form-card h2{font-size:2rem}}.student-register-avatar-section{display:flex;flex-direction:column;align-items:center;width:100%;gap:.6rem}.student-register-avatar-preview{width:4rem;height:4rem;border:2px solid black;border-radius:5px;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#fff;margin:0 auto 1rem;cursor:pointer;transition:transform .2s,box-shadow .2s}.student-register-avatar-preview:hover{transform:scale(1.05);box-shadow:0 4px 12px #0003}.student-register-avatar-image{width:100%;height:100%;object-fit:cover;display:block}.student-register-avatar-icon{font-size:2.5rem;color:#fff}.student-register-field-wrapper{width:100%;display:flex;flex-direction:column;gap:.3rem;min-height:0}.student-register-field-wrapper-buttons{width:100%;display:flex;flex-direction:row;gap:.4rem;flex-shrink:0;overflow:hidden;box-sizing:border-box}.student-register-field-label{color:#fff;font-size:.85rem;margin:.3rem 0;font-weight:500;flex-shrink:0}@media (min-width: 768px){.student-register-field-label{font-size:1rem;margin:.4rem 0}.student-register-avatar-preview{width:5rem;height:5rem}}@media (min-width: 1024px){.student-register-field-label{font-size:1.1rem}.student-register-avatar-preview{width:6rem;height:6rem}}.student-register-avatar-select-field{background:#fff;border-radius:100px;padding:.6rem 1rem;width:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;min-height:40px;box-sizing:border-box;font-size:.9rem;color:#333;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background-color .2s;flex-shrink:0}.student-register-avatar-select-field:hover{background-color:#e2e2e2}ion-input.student-register-input-item{--background: white;--border-radius: 100px;--padding-start: 1rem;--padding-end: 2.5rem;--padding-top: .6rem;--padding-bottom: .6rem;width:100%;border:none;margin:0;font-size:.9rem;min-height:40px;flex-shrink:0}@media (min-width: 768px){ion-input.student-register-input-item{--padding-top: .7rem;--padding-bottom: .7rem;font-size:1rem}.student-register-avatar-select-field{font-size:1rem;min-height:44px}}@media (min-width: 1024px){ion-input.student-register-input-item{font-size:1.05rem;--padding-top: .8rem;--padding-bottom: .8rem}.student-register-avatar-select-field{font-size:1.05rem;min-height:48px}}.student-register-pictogram-container{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;background-color:#fff;border-radius:100px;padding:.5rem 1rem;height:60px;width:100%;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;flex-shrink:0;scrollbar-width:none;-ms-overflow-style:none}.student-register-pictogram-container::-webkit-scrollbar{display:none}.student-register-pictogram-box{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:40px;height:40px;background-color:#f0f0f0;border-radius:8px;cursor:pointer;transition:background-color .2s;flex-shrink:0}.student-register-pictogram-box ion-img{width:30px;height:30px;object-fit:contain}.student-register-pictogram-remove{position:absolute;top:-6px;right:-6px;font-size:14px;background:#fff;border-radius:50%;padding:2px}.student-register-pictogram-add{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background-color:var(--ion-color-primary);border-radius:6px;color:#fff;font-size:1.2rem;cursor:pointer;transition:background-color .2s;flex-shrink:0}.student-register-pictogram-add:hover{background-color:#3a9bc7}.student-register-pictogram-add.disabled{opacity:.5;cursor:not-allowed}@media (min-width: 768px){.student-register-pictogram-container{height:70px}.student-register-pictogram-box{width:50px;height:50px}.student-register-pictogram-box ion-img{width:38px;height:38px}.student-register-pictogram-add{width:38px;height:38px;font-size:1.4rem}}.student-register-confirm-button{--background: white;--color: var(--ion-color-primary);--border-radius: 100px;--padding-top: .6rem;--padding-bottom: .6rem;--padding-start: .8rem;--padding-end: .8rem;font-weight:600;font-size:.85rem;flex:1;min-width:0;max-width:100%;border:2px solid var(--ion-color-primary)}.student-register-confirm-button::part(native){box-shadow:0 4px 12px #0000001a;border:none;outline:none}.student-register-confirm-button:hover::part(native){opacity:.9}.student-register-confirm-button--disabled{opacity:.6}.student-register-confirm-button--disabled::part(native){cursor:not-allowed!important}.student-register-cancel-button{--background: white;--color: var(--ion-color-primary);--border-radius: 100px;--padding-top: .6rem;--padding-bottom: .6rem;--padding-start: .8rem;--padding-end: .8rem;font-weight:600;font-size:.85rem;flex:1;min-width:0;max-width:100%;border:2px solid var(--ion-color-primary)}.student-register-cancel-button::part(native){box-shadow:0 2px 8px #00000014;outline:none}.student-register-cancel-button:hover::part(native){background-color:#f5f5f5}@media (min-width: 768px){.student-register-field-wrapper-buttons{gap:1rem}.student-register-confirm-button,.student-register-cancel-button{--padding-top: .8rem;--padding-bottom: .8rem;--padding-start: 1rem;--padding-end: 1rem;font-size:1rem}}@media (min-width: 1024px){.student-register-confirm-button,.student-register-cancel-button{font-size:1.05rem;--padding-top: .9rem;--padding-bottom: .9rem;--padding-start: 1.2rem;--padding-end: 1.2rem}}@media (max-height: 600px) and (orientation: landscape){.student-register-main-container{padding:.5rem}.student-register-form-card{padding:.8rem;gap:.6rem;max-height:calc(100vh - 3rem);border-radius:12px}.student-register-form-card h2{font-size:1rem;margin:.2rem 0}.student-register-field-label{font-size:.75rem;margin:.2rem 0}ion-input.student-register-input-item{--padding-top: .4rem;--padding-bottom: .4rem;font-size:.8rem;min-height:32px}.student-register-avatar-select-field{font-size:.8rem;min-height:32px;padding:.4rem .8rem}.student-register-pictogram-container{height:45px;padding:.3rem .6rem}.student-register-pictogram-box{width:35px;height:35px}.student-register-pictogram-box ion-img{width:26px;height:26px}.student-register-pictogram-add{width:26px;height:26px;font-size:1.1rem}.student-register-confirm-button,.student-register-cancel-button{--padding-top: .5rem;--padding-bottom: .5rem;font-size:.85rem}.student-register-field-wrapper-buttons{gap:.3rem}}@media (max-height: 500px) and (orientation: landscape){.student-register-form-card{padding:.6rem;gap:.4rem;max-height:calc(100vh - 2rem)}.student-register-form-card h2{font-size:.9rem}.student-register-field-label{font-size:.7rem;margin:.1rem 0}ion-input.student-register-input-item{--padding-top: .3rem;--padding-bottom: .3rem;font-size:.75rem;min-height:28px}.student-register-avatar-select-field{font-size:.75rem;min-height:28px;padding:.3rem .6rem}.student-register-pictogram-container{height:38px;padding:.25rem .5rem}.student-register-pictogram-box{width:30px;height:30px}.student-register-pictogram-box ion-img{width:22px;height:22px}.student-register-pictogram-add{width:22px;height:22px;font-size:1rem}.student-register-confirm-button,.student-register-cancel-button{--padding-top: .4rem;--padding-bottom: .4rem;font-size:.8rem}}@media (max-height: 400px) and (orientation: landscape){.student-register-main-container{padding:.3rem}.student-register-form-card{padding:.5rem;gap:.3rem;max-height:calc(100vh - 1.5rem)}.student-register-form-card h2{font-size:.8rem}.student-register-field-label{font-size:.65rem;margin:.1rem 0}ion-input.student-register-input-item{--padding-top: .25rem;--padding-bottom: .25rem;font-size:.7rem;min-height:24px}.student-register-avatar-select-field{font-size:.7rem;min-height:24px;padding:.25rem .5rem}.student-register-pictogram-container{height:32px;padding:.2rem .4rem}.student-register-pictogram-box{width:26px;height:26px}.student-register-pictogram-box ion-img{width:18px;height:18px}.student-register-pictogram-add{width:18px;height:18px;font-size:.9rem}.student-register-confirm-button,.student-register-cancel-button{--padding-top: .3rem;--padding-bottom: .3rem;font-size:.75rem}}.student-register-toast ion-toast{--background: #f44336;--color: white}.student-register-picto-picker-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:0;box-sizing:border-box}.student-register-picto-picker-custom{background:#fff;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 30px #0000004d;opacity:0;transform:scale(.92);transition:opacity .2s ease-out,transform .2s ease-out}.student-register-picto-picker-visible{opacity:1;transform:scale(1)}.student-register-avatar-picker-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1001;padding:0;box-sizing:border-box}.student-register-avatar-picker{background:#fff;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 30px #0000004d;opacity:0;transform:scale(.92);transition:opacity .2s ease-out,transform .2s ease-out}.student-register-avatar-picker-visible{opacity:1;transform:scale(1)}.student-register-picto-picker-header{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;flex-shrink:0}.student-register-picto-picker-header h3{margin:0;font-size:.95rem;color:#333;font-weight:600}.student-register-picto-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px;overflow-y:auto;flex:1;place-items:center}.student-register-picto-option{display:flex;flex-direction:column;align-items:center;cursor:pointer;text-align:center;padding:12px;border-radius:12px;transition:background-color .2s;width:100%;position:relative}.student-register-picto-option:hover{background-color:#f5f5f5}.student-register-picto-image-container{position:relative;width:70px;height:70px;margin-bottom:8px}.student-register-picto-option ion-img{width:70px;height:70px;object-fit:contain}.student-register-picto-option span{font-size:.85rem;color:#333;word-break:break-word;font-weight:500}.student-register-picto-picker-custom .student-register-picto-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px;overflow-y:auto;flex:1;place-items:center}.student-register-upload-avatar-placeholder{width:60px;height:60px;border:2px dashed var(--ion-color-medium);border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--ion-color-light)}.student-register-upload-icon{font-size:24px;color:var(--ion-color-medium)}.student-register-input-with-icon{display:flex;align-items:center;position:relative}.student-register-input-with-icon ion-icon:last-child{position:absolute;right:12px;font-size:1.4rem;cursor:pointer;z-index:2}.student-register-input-with-icon ion-icon:first-child{padding-left:12px;font-size:1.4rem;color:var(--ion-color-medium)}.header-admin-simpleHeader{height:auto;min-height:60px}ion-toolbar.toolbar-header-admin{--background: var(--ion-color-primary);--min-height: 60px;height:auto;display:flex;align-items:center;align-content:center;justify-content:space-between;padding:.5rem}ion-buttons[slot=start],ion-buttons[slot=end]{flex-shrink:0;display:flex;align-items:center}ion-button.homeButton-header-admin{align-self:center;--padding-start: 0;--padding-end: 0;margin:0}ion-button.homeButton-header-admin::part(native){background:#fff;border-radius:10px;width:40px;height:40px;border:none;display:flex;justify-content:center;align-items:center;--background-hover: white;padding:0}ion-button.homeButton-header-admin ion-icon{color:var(--ion-color-primary);background-color:#fff;width:24px;height:24px;font-size:24px}.title-header-admin{font-family:var(--ion-font-family);font-weight:var(--ion-weight-regular);color:#fff;font-size:1.5rem;text-align:center;flex-grow:1;padding:0 .5rem;margin:0;line-height:1.2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}ion-button.logout-header-admin{--padding-start: 0;--padding-end: 0;margin:0}ion-button.logout-header-admin::part(native){width:auto;min-width:100px;height:36px;background-color:#fff;color:var(--ion-color-primary);border-radius:40px;border:none;font-family:var(--ion-font-family);font-weight:var(--ion-weight-regular);font-size:.9rem;align-self:center;display:flex;justify-content:center;align-items:center;padding:0 1rem}ion-button.logout-header-admin::part(native):hover{background-color:var(--ion-color-light)}@media (min-width: 481px) and (max-width: 768px){ion-toolbar.toolbar-header-admin{--min-height: 80px;padding:.75rem 1rem}ion-button.homeButton-header-admin::part(native){width:45px;height:45px}ion-button.homeButton-header-admin ion-icon{width:28px;height:28px;font-size:28px}.title-header-admin{font-size:2rem}ion-button.logout-header-admin::part(native){height:40px;min-width:120px;font-size:1rem}}@media (min-width: 769px){.header-admin-simpleHeader{min-height:100px}ion-toolbar.toolbar-header-admin{--min-height: 100px;padding:1rem 2rem}ion-buttons[slot=start],ion-buttons[slot=end]{min-width:160px}ion-button.homeButton-header-admin::part(native){width:50px;height:50px}ion-button.homeButton-header-admin ion-icon{width:32px;height:32px;font-size:32px}.title-header-admin{font-size:3rem}ion-button.logout-header-admin::part(native){height:48px;min-width:150px;font-size:1.1rem}}@media (max-width: 360px){ion-toolbar.toolbar-header-admin{padding:.4rem}ion-button.homeButton-header-admin::part(native){width:36px;height:36px}ion-button.homeButton-header-admin ion-icon{width:20px;height:20px;font-size:20px}.title-header-admin{font-size:1.2rem;padding:0 .3rem}ion-button.logout-header-admin::part(native){min-width:80px;height:32px;font-size:.8rem;padding:0 .75rem}}@media (max-height: 500px) and (orientation: landscape){.header-admin-simpleHeader{min-height:50px}ion-toolbar.toolbar-header-admin{--min-height: 50px;padding:.3rem .5rem}ion-button.homeButton-header-admin::part(native){width:36px;height:36px}ion-button.homeButton-header-admin ion-icon{width:22px;height:22px;font-size:22px}.title-header-admin{font-size:1.3rem}ion-button.logout-header-admin::part(native){height:34px;min-width:90px;font-size:.85rem}}.confirmation-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:transparent;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;box-sizing:border-box}.confirmation-modal-loading-container{background-color:var(--ion-color-primary);border-radius:24px;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;box-shadow:0 10px 30px #0000004d;min-width:200px;animation:confirmationModalFadeIn .3s ease-out}.confirmation-modal-loading-spinner{--color: white;font-size:3rem;width:3rem;height:3rem}.confirmation-modal-loading-message{color:#fff;font-size:1rem;font-family:Atkinson Hyperlegible,sans-serif;margin:0;font-weight:500;text-align:center}.confirmation-modal-card{width:100%;max-width:400px;border-radius:24px;background-color:var(--ion-color-primary);box-shadow:0 10px 30px #0000004d;padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-family:Atkinson Hyperlegible,sans-serif;margin:0;animation:confirmationModalFadeIn .3s ease-out}@keyframes confirmationModalFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.confirmation-modal-header{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0!important;text-align:center;width:100%;gap:.5rem}.confirmation-modal-icon-container{background-color:var(--ion-color-primary);width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.confirmation-modal-icon{font-size:100px;color:#fff}.confirmation-modal-title{font-size:1.3rem;color:#fff;margin:0;font-family:Atkinson Hyperlegible,sans-serif;font-weight:700}.confirmation-modal-message{color:#fff;font-size:.95rem;margin:1rem 0 1.5rem;line-height:1.5;font-family:Atkinson Hyperlegible,sans-serif;padding:0!important}.confirmation-modal-button{--background: white;--color: var(--ion-color-primary);--border-radius: 100px;--padding-top: .8rem;--padding-bottom: .8rem;--padding-start: 1.5rem;--padding-end: 1.5rem;--box-shadow: 0 4px 12px rgba(0, 0, 0, .1);font-size:1rem;font-weight:600;margin-top:.5rem;width:100%;max-width:280px;font-family:Atkinson Hyperlegible,sans-serif}.confirmation-modal-button::part(native){border-radius:100px;font-family:Atkinson Hyperlegible,sans-serif!important}@media (min-width: 768px){.confirmation-modal-card{max-width:500px;padding:2rem;border-radius:32px}.confirmation-modal-icon-container{width:100px;height:100px;margin-bottom:1.5rem}.confirmation-modal-icon{font-size:120px}.confirmation-modal-title{font-size:1.6rem}.confirmation-modal-message{font-size:1.1rem;margin:1.2rem 0 2rem}.confirmation-modal-button{font-size:1.1rem;--padding-top: 1rem;--padding-bottom: 1rem;--padding-start: 2rem;--padding-end: 2rem;max-width:320px}.confirmation-modal-loading-container{padding:2.5rem;border-radius:32px;min-width:250px}.confirmation-modal-loading-spinner{font-size:3.5rem;width:3.5rem;height:3.5rem}.confirmation-modal-loading-message{font-size:1.1rem}}@media (min-width: 1024px){.confirmation-modal-card{max-width:550px;padding:2.5rem}.confirmation-modal-icon-container{width:110px;height:110px}.confirmation-modal-icon{font-size:130px}.confirmation-modal-title{font-size:1.8rem}.confirmation-modal-message,.confirmation-modal-button{font-size:1.15rem}.confirmation-modal-loading-container{padding:3rem;min-width:280px}.confirmation-modal-loading-spinner{font-size:4rem;width:4rem;height:4rem}.confirmation-modal-loading-message{font-size:1.2rem}}@media (max-height: 600px) and (orientation: landscape){.confirmation-modal-card{padding:1rem;max-width:500px}.confirmation-modal-icon-container{width:60px;height:60px;margin-bottom:.5rem}.confirmation-modal-icon{font-size:70px}.confirmation-modal-title{font-size:1.1rem}.confirmation-modal-message{font-size:.85rem;margin:.5rem 0 1rem}.confirmation-modal-button{font-size:.9rem;--padding-top: .6rem;--padding-bottom: .6rem;max-width:200px}.confirmation-modal-loading-container{padding:1.5rem;min-width:180px}.confirmation-modal-loading-spinner{font-size:2.5rem;width:2.5rem;height:2.5rem}.confirmation-modal-loading-message{font-size:.9rem}}@media (max-height: 500px) and (orientation: landscape){.confirmation-modal-card{padding:.8rem}.confirmation-modal-icon-container{width:50px;height:50px;margin-bottom:.3rem}.confirmation-modal-icon{font-size:60px}.confirmation-modal-title{font-size:1rem}.confirmation-modal-message{font-size:.8rem;margin:.4rem 0 .8rem}.confirmation-modal-button{font-size:.85rem;--padding-top: .5rem;--padding-bottom: .5rem}}@keyframes popIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulseCheck{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes ghostPulse{0%{background:#ffffff26;border-color:#ffffff4d}50%{background:#ffffff80;border-color:#ffffffe6}to{background:#ffffff26;border-color:#ffffff4d}}@keyframes shakeError{0%{transform:translate(-50%,-50%)}10%,90%{transform:translate(calc(-50% - 5px),-50%)}20%,80%{transform:translate(calc(-50% + 5px),-50%)}30%,50%,70%{transform:translate(calc(-50% - 8px),-50%)}40%,60%{transform:translate(calc(-50% + 8px),-50%)}to{transform:translate(-50%,-50%)}}@media (pointer: coarse){ion-content{--keyboard-offset: 0 !important}}.st-anim-pop-in{animation:popIn .4s cubic-bezier(.175,.885,.32,1.275)}.st-login-layout{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden;padding:10px;box-sizing:border-box;position:relative;z-index:1}.st-login-header{flex:0 0 auto;height:20vh;min-height:100px;max-height:180px;display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;width:100%}.st-header-side{width:150px;display:flex;justify-content:center}.st-header-center{flex:1;height:100%;display:flex;justify-content:center;align-items:center}.st-login-logo{height:100%;width:auto;object-fit:contain;filter:drop-shadow(0 0 5px rgba(255,255,255,.8))}.st-button-scale{transform:scale(2.2);width:50px;height:50px;display:flex;align-items:center;justify-content:center}.st-button-scale ion-icon,.st-button-scale ion-spinner,.st-button-scale img{font-size:24px;width:24px;height:24px;object-fit:contain}@media (max-width: 600px){.st-login-header{height:16vh;min-height:85px;max-height:130px}.st-header-side{width:100px}.st-button-scale{transform:scale(1.5)}.st-card-wrapper.pass-mode{width:min(85vw,45vh);padding:12px}.st-pass-grid{gap:10px}}@media (min-height: 451px) and (max-height: 700px) and (orientation: landscape){.st-login-header{height:14vh;min-height:75px;max-height:110px}.st-button-scale{transform:scale(1.6)}.st-login-subtitle{font-size:clamp(1.1rem,3.2vh,1.7rem);padding:7px 30px}.st-login-subtitle-area.password-mode{margin-bottom:clamp(10px,2vh,20px)}.st-card-wrapper.pass-mode{width:min(42vh,60vw);max-height:68vh}.st-pass-layout{gap:1vh}.st-pass-slot{width:calc((min(42vh,60vw) - 30px - 24px) / 3);height:calc((min(42vh,60vw) - 30px - 24px) / 3)}}.st-login-subtitle-area{flex:0 0 auto;text-align:center;margin-bottom:5px}.st-login-subtitle-area.password-mode{margin-bottom:clamp(15px,3vh,30px)}.st-login-subtitle{background:var(--ion-color-primary);color:#fff;padding:10px 40px;border-radius:50px;font-weight:800;font-size:clamp(1.4rem,4vh,2.2rem);box-shadow:0 4px 6px #0000001a;display:inline-block;margin:0}@media (max-width: 600px){.st-login-subtitle{font-size:clamp(1.1rem,3vh,1.6rem);padding:7px 25px}}.st-login-main-area{flex:1;min-height:0;display:flex;justify-content:center;align-items:center;width:100%;padding:0}.st-card-wrapper{background-color:var(--ion-color-primary);border-radius:20px;padding:15px;box-shadow:0 10px 25px #0003;display:flex;align-items:center;justify-content:center;max-width:95vw;max-height:100%}.st-card-wrapper.grid-portrait-2{width:min(30vh,80vw)}.st-card-wrapper.grid-landscape-2,.st-card-wrapper.grid-standard-4{width:min(55vh,600px)}@media (orientation: landscape) and (max-height: 600px){.st-card-wrapper.grid-portrait-2{width:min(50vh,70vw);height:auto;max-height:85vh}.st-card-wrapper.grid-landscape-2,.st-card-wrapper.grid-standard-4{width:min(70vh,80vw);height:auto;max-height:85vh}}.st-grid-inner{display:grid;width:100%;gap:12px}.grid-portrait-2{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.grid-landscape-2{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.grid-standard-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.st-grid-btn{background:#fff;border:3px solid black;border-radius:15px;position:relative;overflow:hidden;cursor:pointer;width:100%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;outline:none}.st-grid-btn:focus-visible{outline:5px solid #FFD700;outline-offset:4px;box-shadow:0 0 0 8px #ffd70066;z-index:5}.st-grid-btn.selected{border-color:var(--ion-color-success);background:#f0fff4;box-shadow:inset 0 0 0 3px var(--ion-color-success)}.st-grid-btn.selected:focus-visible{outline:5px solid #FFD700;outline-offset:4px;box-shadow:0 0 0 8px #ffd70080,inset 0 0 0 3px var(--ion-color-success)}.st-grid-btn.ghost{opacity:1;pointer-events:none;background:#ffffff4d;border:3px dashed rgba(255,255,255,.6);box-shadow:none;transform:none!important}.st-grid-btn.ghost.loading{animation:ghostPulse 1.5s infinite ease-in-out;border-style:solid}.st-grid-no-data-message{display:flex;align-items:center;justify-content:center;text-align:center;color:#555;font-weight:700;font-size:clamp(1rem,3vmin,1.5rem);padding:15px;pointer-events:none;width:100%;height:100%;background:#fff;border-radius:15px;border:2px solid rgba(0,0,0,.1);box-shadow:inset 0 0 10px #0000000d}.st-group-layout,.st-student-layout{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.st-group-icon{width:80%;height:80%;object-fit:contain;opacity:.9}.st-group-letter{position:absolute;top:31%;left:38%;transform:translate(-50%,-50%);font-size:9vmin;font-weight:900;color:#000;text-shadow:2px 2px 0 white,-2px -2px 0 white;z-index:3}.grid-portrait-2 .st-group-letter{font-size:13vmin;left:38%}.st-student-layout{flex-direction:column;padding:8px;justify-content:space-between}.st-student-img-box{flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.st-student-photo{max-width:70%;max-height:70%}.st-student-name{flex:0 0 auto;width:100%;font-weight:700;color:#333;font-size:clamp(.7rem,2.2vmin,1.1rem);text-align:center;margin-top:4px}.st-btn-overlay{position:absolute;inset:0;background:#ffffffb3;display:flex;align-items:center;justify-content:center;z-index:10}.st-overlay-icon{width:50%;animation:pulseCheck 1.5s ease-in-out infinite .3s}.st-login-footer{flex:0 0 auto;height:60px;display:flex;justify-content:center;align-items:center;gap:20px;width:100%}.st-pagination-dots{display:flex;gap:10px}.st-dot{width:12px;height:12px;border-radius:50%;background:#ccc;cursor:pointer}.st-dot.active{background:var(--ion-color-primary);transform:scale(1.3)}.st-card-wrapper.pass-mode{width:min(45vh,500px);height:auto;max-height:90vh;overflow:visible;padding:15px;display:flex;flex-direction:column;justify-content:center;position:relative}.st-pass-layout{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-height:100%;gap:2vh;overflow:visible}.st-pass-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:12px;width:100%;aspect-ratio:1/1}.st-pass-key{width:100%;height:100%;aspect-ratio:1/1;background:#fff;border:3px solid black;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px #0003;transition:transform .1s;outline:none}.st-pass-key:focus-visible{outline:5px solid #FFD700;outline-offset:4px;box-shadow:0 0 0 10px #ffd70080,0 4px #0003;z-index:5}.st-pass-key:active{transform:translateY(4px);box-shadow:none;background-color:#f5f5f5}.st-pass-key img{width:70%;height:70%;object-fit:contain}.st-pass-slots{display:flex;gap:10px;flex:0 0 auto;justify-content:center;flex-wrap:nowrap}.st-pass-slot{flex:0 0 auto;width:95px;height:95px;background:#fff;border:3px dashed var(--ion-color-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#aaa;position:relative}@media (max-width: 530px) and (min-width: 400px),(max-height: 700px){.st-pass-slots{gap:8px}.st-pass-slot{width:clamp(55px,18vw,70px);height:clamp(55px,18vw,70px)}}@media (max-width: 400px) and (min-width: 340px){.st-pass-slots{gap:6px}.st-pass-slot{width:clamp(35px,18vw,60px);height:clamp(35px,18vw,60px)}}@media (max-width: 340px){.st-pass-slots{gap:4px}.st-pass-slot{width:clamp(15px,18vw,55px);height:clamp(15px,18vw,55px)}}@media (max-height: 550px){.st-pass-slot{width:clamp(30px,20vw,60px);height:clamp(30px,20vw,60px)}.st-pass-slots{gap:6px}}.st-pass-slot.filled{border-style:solid;border-color:var(--ion-color-success);cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative}.st-pass-slot.filled:hover{border-color:#dc2626;box-shadow:0 0 0 3px #dc26264d;transform:scale(1.05)}.st-pass-slot.filled:active{transform:scale(.95)}.st-pass-slot img{width:80%;height:80%;object-fit:contain}.st-card-wrapper.pass-mode .st-error-toast,.st-pass-alphanumeric .st-error-toast{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ff4d4d;color:#fff;padding:15px 30px;border-radius:30px;font-weight:700;font-size:1.2rem;text-align:center;box-shadow:0 10px 25px #0000004d;z-index:100;animation:shakeError .5s cubic-bezier(.36,.07,.19,.97) both}@media (min-width: 768px) and (min-height: 800px){.st-login-header{height:22vh;min-height:120px;max-height:220px}.st-header-side{width:180px}.st-login-subtitle{font-size:clamp(1.6rem,4.5vh,2.6rem);padding:12px 50px}.st-pass-grid{max-width:500px;max-height:55vh;gap:clamp(8px,2vh,18px)}}@media (max-height: 530px){.st-login-header{height:70px;min-height:0;margin-bottom:2px}.st-header-side{width:110px}.st-button-scale{transform:scale(1.2)}.st-login-subtitle{font-size:clamp(.9rem,2.5vh,1.3rem);padding:5px 20px}.st-login-subtitle-area{margin-bottom:3px}.st-login-subtitle-area.password-mode{margin-bottom:5px}.st-login-footer{height:35px}.st-card-wrapper.pass-mode{width:min(40vh,55vw);height:auto;max-height:60vh;padding:6px}.st-pass-layout{gap:8px}.st-pass-grid{gap:clamp(3px,.8vh,6px)}.st-pass-slots{gap:4px}.st-pass-slot{width:calc((min(40vh,55vw) - 12px - 2 * clamp(3px,.8vh,6px)) / 3);height:calc((min(40vh,55vw) - 12px - 2 * clamp(3px,.8vh,6px)) / 3);border-width:2px}.st-pass-key{border-width:2px;border-radius:8px}}.st-pass-key-label,.st-slot-key-label{font-size:2.75rem;font-weight:700;color:#000;-webkit-user-select:none;user-select:none}.st-pass-alphanumeric{width:100%;max-width:500px;padding:10px 15px;font-size:2rem;border:3px dashed var(--ion-color-primary);border-radius:12px;background:#f5f5f5;color:#000;box-shadow:0 5px 10px var(--ion-color-primary);position:relative}.st-pass-alphanumeric .native-input::placeholder{color:#8a8a8a;font-style:italic}.st-pass-alphanumeric.filled{border-style:solid;box-shadow:0 10px 15px var(--ion-color-primary)}.st-pass-alphanumeric:focus{outline:none;border-color:var(--ion-color-success);box-shadow:0 0 0 4px #22c55e4d}.st-pass-input-eye-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer;font-size:2rem;color:#555;z-index:10}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.st-card-wrapper.pass-mode.pin-mode{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:15px;box-sizing:border-box;width:min(50vh,320px)}.st-card-wrapper.pass-mode .st-pass-grid.pin-mode{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:12px;width:100%;max-width:320px;aspect-ratio:3 / 4;justify-items:stretch;align-items:stretch;padding:0;border-radius:18px;box-sizing:border-box}.st-pass-grid.pin-mode .st-pass-key{display:flex;justify-content:center;align-items:center;border-radius:10px;box-sizing:border-box;background:#fff;border:3px solid black;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .1s}.st-pass-grid.pin-mode .st-pass-key:active{transform:translateY(4px);box-shadow:none;background-color:#f5f5f5}.st-pass-grid.pin-mode .st-pass-key.zero{grid-column:2;grid-row:4}.st-pass-slots.pin-mode{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(6px,2vw,10px)}.st-pass-slot.pin-mode{width:85px;height:85px;max-width:calc((100% - (4*clamp(6px,2vw,12px)))/4);aspect-ratio:1 / 1;font-size:2.75rem}@media (max-width: 770px){.st-card-wrapper.pass-mode.pin-mode{width:min(40vh,280px)}.st-card-wrapper.pass-mode .st-pass-grid.pin-mode{max-width:280px}.st-pass-key-label,.st-slot-key-label{font-size:clamp(1rem,3.5vh,2.25rem)}.st-pass-slot.pin-mode{width:clamp(10px,7vh,80px);height:clamp(10px,7vh,80px);font-size:clamp(1rem,3.5vh,2.25rem)}}@media (max-height: 850px){.st-card-wrapper.pass-mode.pin-mode{width:min(33vh,270px)}.st-card-wrapper.pass-mode .st-pass-grid.pin-mode{max-width:260px}.st-pass-key-label,.st-slot-key-label{font-size:clamp(1rem,3.5vh,2.25rem)}.st-pass-slot.pin-mode{width:clamp(10px,7vh,80px);height:clamp(10px,7vh,80px);font-size:clamp(1rem,3.5vh,2.25rem)}}ion-header{height:clamp(80px,16vh,160px);background:var(--ion-color-primary);z-index:10;padding-top:8px;overflow:visible}ion-toolbar.toolbar-header-user{--background: var(--ion-color-primary);--border-width: 0;--padding-top: 12px;--padding-bottom: 8px;--padding-start: clamp(8px, 2vw, 16px);--padding-end: clamp(8px, 2vw, 16px);height:100%;display:flex;align-items:center;justify-content:space-between;overflow:visible;position:relative}ion-toolbar.toolbar-header-user ion-title{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:clamp(2px,.5vh,4px);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;padding:0;font-size:clamp(1.2rem,4vmin,2rem);font-weight:700;color:var(--tatomaths-text-primary);max-width:50%;pointer-events:none}ion-toolbar.toolbar-header-user ion-title>*{display:flex;flex-direction:column;gap:clamp(2px,.5vh,4px);align-items:center;width:100%;pointer-events:auto}ion-toolbar.toolbar-header-user ion-title .ion-title-image-header-user{height:clamp(32px,8vh,70px);width:auto;object-fit:contain;margin-bottom:0;align-self:center;width:100%}ion-toolbar.toolbar-header-user ion-title .ion-title-text-header-user{font-size:clamp(1.2rem,4vmin,2.5rem);font-weight:var(--tatomaths-weight);font-family:var(--tatomaths-font);color:var(--tatomaths-text-primary);text-align:center;width:100%}ion-toolbar.toolbar-header-user ion-buttons[slot=start]{display:flex;align-items:center;height:100%;flex:0 1 auto;min-width:0;gap:clamp(10px,2vw,20px);position:relative;z-index:1}ion-toolbar.toolbar-header-user ion-buttons[slot=end]{display:flex;align-items:center;height:100%;flex:0 1 auto;justify-content:flex-end;gap:clamp(10px,2vw,20px);overflow:visible;position:relative;z-index:1}ion-toolbar.toolbar-header-user ion-buttons[slot=end] .pushable-button{width:clamp(100px,15vw,180px);height:clamp(60px,12vh,120px)}.user-dashborad-img{height:clamp(44px,12vh,92px);width:auto;object-fit:contain;flex-shrink:0}.header-text{color:var(--tatomaths-text-primary);font-weight:700;font-size:clamp(1.2rem,4vmin,2.5rem);font-family:var(--tatomaths-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto;min-width:0}.btn-icon-header-user{height:clamp(32px,8vh,70px);width:auto;object-fit:contain;filter:drop-shadow(0px 2px 2px rgba(0,0,0,.2));flex-shrink:0}.btn-text{font-size:clamp(.75rem,2.2vw,1.4rem);white-space:nowrap}@media (max-width: 768px){ion-header{height:80px}ion-toolbar.toolbar-header-user{--padding-start: 12px;--padding-end: 12px}ion-toolbar.toolbar-header-user ion-title{max-width:55%}ion-toolbar.toolbar-header-user ion-buttons[slot=start]{gap:12px;flex:0 1 auto}ion-toolbar.toolbar-header-user ion-buttons[slot=end] .pushable-button{width:110px;height:65px}.user-dashborad-img{height:50px}.header-text{font-size:1.1rem}.btn-text{font-size:.85rem}.btn-icon-header-user{height:36px}ion-toolbar.toolbar-header-user ion-title .ion-title-image-header-user{height:clamp(28px,6vh,50px)}ion-toolbar.toolbar-header-user ion-title .ion-title-text-header-user{font-size:clamp(1rem,3.5vmin,1.8rem)}}@media (max-width: 600px){ion-header{height:76px;padding-top:10px}ion-toolbar.toolbar-header-user{--padding-start: 10px;--padding-end: 10px;--padding-top: 12px}ion-toolbar.toolbar-header-user ion-title{max-width:65%}ion-toolbar.toolbar-header-user ion-buttons[slot=start]{gap:10px;flex:0 1 auto}ion-toolbar.toolbar-header-user ion-buttons[slot=end] .pushable-button{width:95px;height:58px}.user-dashborad-img{height:46px}.header-text{font-size:1rem}.btn-text{font-size:.8rem}.btn-icon-header-user{height:32px}ion-toolbar.toolbar-header-user ion-title .ion-title-image-header-user{display:none}ion-toolbar.toolbar-header-user ion-title .ion-title-text-header-user{font-size:clamp(.9rem,3vmin,1.5rem)}}@media (max-width: 420px){ion-header{height:70px;padding-top:10px}ion-toolbar.toolbar-header-user{--padding-start: 8px;--padding-end: 8px;--padding-top: 12px}ion-toolbar.toolbar-header-user ion-title{max-width:75%}ion-toolbar.toolbar-header-user ion-buttons[slot=start]{gap:8px}ion-toolbar.toolbar-header-user ion-buttons[slot=end] .pushable-button{width:85px;height:52px}.user-dashborad-img{height:40px}.header-text{font-size:.9rem}.btn-text{font-size:.75rem}.btn-icon-header-user{height:28px}ion-toolbar.toolbar-header-user ion-title .ion-title-text-header-user{font-size:clamp(.8rem,2.5vmin,1.2rem)}}.simple-button-wrapper{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.simple-button{--background: #ffffff;--background-activated: #ffffff;--background-focused: #ffffff;--background-hover: #ffffff;--border-width: clamp(4px, 1.2vw, 8px);--border-style: solid;--border-radius: clamp(8px, 1vw, 16px);--padding-start: 0;--padding-end: 0;--padding-top: 0;--padding-bottom: 0;width:100%;height:100%;max-height:250px;min-height:140px;display:flex;align-items:center;justify-content:center;margin:0;--border-color: transparent}.simple-button:hover,.simple-button:focus,.simple-button:focus-visible{--border-color: var(--ion-color-primary)}.simple-button:hover{transform:scale(1.05);border-width:4px}.simple-button:focus{transform:scale(1.05);border-width:4px;outline:none}.simple-button-content{width:100%;height:100%;background-color:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(3px,.5vw,8px);padding:clamp(4px,1vw,12px)}.simple-button-image{width:100%;max-height:70%;object-fit:contain;border-radius:clamp(3px,.5vw,8px)}.simple-button-title{font-size:clamp(.7rem,2vw,1.2rem);font-family:var(--tatomaths-font);font-weight:var(--tatomaths-weight);color:var(--tatomaths-text);text-align:center;margin:0;padding:0;white-space:normal;word-break:break-word;width:100%}@media (max-width: 360px){.simple-button{--border-width: 3px;min-height:110px;max-height:160px}.simple-button-title{font-size:.65rem}.simple-button-content{gap:2px;padding:4px}}@media (min-width: 361px) and (max-width: 600px){.simple-button{--border-width: 4px;min-height:130px;max-height:190px}.simple-button-title{font-size:.8rem}.simple-button-content{gap:4px;padding:6px}}@media (min-width: 601px) and (max-width: 768px){.simple-button{--border-width: 5px;min-height:160px;max-height:220px}.simple-button-title{font-size:1rem}}@media (min-width: 769px) and (max-width: 1024px){.simple-button{--border-width: 6px;min-height:180px;max-height:240px}.simple-button-title{font-size:1.1rem}}@media (min-width: 1025px){.simple-button{--border-width: 8px;min-height:180px;max-height:250px}.simple-button-title{font-size:1.2rem}}@media (max-height: 600px){.simple-button{--border-width: 3px;min-height:100px;max-height:140px}.simple-button-title{font-size:.7rem}.simple-button-content{gap:2px;padding:4px}}@media (max-width: 600px) and (orientation: portrait){.simple-button-image{max-height:65%}}@media (max-width: 900px) and (orientation: landscape) and (max-height: 500px){.simple-button{--border-width: 3px;min-height:90px;max-height:120px}.simple-button-title{font-size:.65rem}.simple-button-content{gap:2px;padding:3px}.simple-button-image{max-height:60%}}.student-dashboard-content{--background: var(--ion-color-primary-contrast);min-height:100vh;overflow:hidden!important;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0}.games-container{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:30px;width:90%;max-width:900px;height:auto;margin:0 auto;background:transparent;padding:15px;align-items:stretch;justify-items:center;box-sizing:border-box}.games-container .simple-button-wrapper{width:80%;height:100%;min-height:150px}.games-container .simple-button{width:100%;height:100%;min-height:150px}.games-container .simple-button-image{width:100%;max-width:180px;height:auto;flex:3;object-fit:contain}.dashboard-section{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:clamp(1rem,3vw,2rem);box-sizing:border-box;overflow:hidden}.dashboard-section:before{content:"";position:fixed;bottom:0;left:-2vw;width:clamp(20vw,30vw,40vw);height:clamp(20vw,30vw,40vw);background-image:url(/assets/Tato/Tathola.png);background-size:contain;background-repeat:no-repeat;opacity:1;pointer-events:none;z-index:0}.games-container{position:relative;z-index:1}@media (max-width: 768px){.games-container{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:8px;padding:8px;width:95%}.games-container .simple-button-wrapper{width:90%;min-height:90px}.games-container .simple-button{min-height:90px}.games-container .simple-button-image{max-width:80px}}@media (max-width: 360px){.games-container{gap:6px;padding:6px;width:96%}.games-container .simple-button-wrapper,.games-container .simple-button{min-height:80px}.games-container .simple-button-image{max-width:60px}}@media (min-width: 769px) and (max-width: 1024px){.games-container{gap:25px;padding:12px;width:85%;max-width:750px}.games-container .simple-button-wrapper{width:85%;min-height:140px}.games-container .simple-button{min-height:140px}.games-container .simple-button-image{max-width:150px}}@media (min-width: 1025px){.games-container{gap:30px;padding:15px;width:80%;max-width:900px}.dashboard-section:before{width:clamp(15vw,22vw,30vw);height:clamp(15vw,22vw,30vw)}}@media (max-height: 600px){.games-container{gap:8px;padding:8px;margin:.5rem auto}.games-container .simple-button-wrapper,.games-container .simple-button{min-height:80px}.games-container .simple-button-image{max-width:70px}}@media (max-width: 900px) and (orientation: landscape) and (max-height: 500px){.games-container{gap:6px;padding:6px;margin:.25rem auto;width:96%}.games-container .simple-button-wrapper,.games-container .simple-button{min-height:70px}.games-container .simple-button-image{max-width:55px}.dashboard-section{padding:.5rem}}.header-editStudentProfile{display:flex;align-items:bottom;height:clamp(90px,12vh,130px)}.toolbar-header-editStudentProfile{--background: var(--ion-color-primary);height:clamp(90px,12vh,130px);display:flex;align-items:center;padding:0 30px}ion-buttons[slot=start],ion-buttons[slot=end]{width:auto;flex-shrink:0;display:flex;align-items:center}ion-buttons[slot=start]{justify-content:flex-start}ion-buttons[slot=end]{justify-content:flex-end}.homeButton-header-editStudentProfile{align-self:center;flex-shrink:0}.homeButton-header-editStudentProfile::part(native){background:var(--button-profile-bg);border-radius:10px;width:50px;height:50px;border:none;display:flex;justify-content:center;align-items:center}.homeButton-header-editStudentProfile ion-icon{color:var(--ion-color-primary);background-color:var(--button-profile-bg);width:50px;height:50px}.title-header-editStudentProfile{font-family:var(--ion-font-family);font-weight:var(--ion-weight-regular);color:var(--tatomaths-text-primary);font-size:3rem;text-align:center;flex-grow:1;padding:0;margin:0;line-height:1;overflow:visible;white-space:nowrap;text-overflow:clip}.label-header-editStudentProfile{font-family:var(--ion-font-family);font-weight:var(--ion-weight-regular);color:var(--tatomaths-text-primary);font-size:2rem;padding-bottom:20px;text-align:center}.container-info-editStudentProfile{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;height:130px;padding-top:10px}.spacer-end{width:50px;height:100%;display:block;flex-shrink:0}@media (max-width: 600px){.title-header-editStudentProfile{font-size:2.6rem}.label-header-editStudentProfile{font-size:1.4rem}.container-info-editStudentProfile{height:110px}}.loading-spinner-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:transparent;display:flex;align-items:center;justify-content:center;z-index:9998;padding:1rem;box-sizing:border-box}.loading-spinner-container{background-color:var(--ion-color-primary);border-radius:24px;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;box-shadow:0 10px 30px #0000004d;min-width:200px;animation:loadingSpinnerFadeIn .3s ease-out}@keyframes loadingSpinnerFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.loading-spinner-icon{--color: white;font-size:3rem;width:3rem;height:3rem}.loading-spinner-message{color:#fff;font-size:1rem;font-family:Atkinson Hyperlegible,sans-serif;margin:0;font-weight:500;text-align:center}@media (min-width: 768px){.loading-spinner-container{padding:2.5rem;border-radius:32px;min-width:250px}.loading-spinner-icon{font-size:3.5rem;width:3.5rem;height:3.5rem}.loading-spinner-message{font-size:1.1rem}}@media (min-width: 1024px){.loading-spinner-container{padding:3rem;min-width:280px}.loading-spinner-icon{font-size:4rem;width:4rem;height:4rem}.loading-spinner-message{font-size:1.2rem}}@media (max-height: 600px) and (orientation: landscape){.loading-spinner-container{padding:1.5rem;min-width:180px}.loading-spinner-icon{font-size:2.5rem;width:2.5rem;height:2.5rem}.loading-spinner-message{font-size:.9rem}}.EditGame2-content{--background: var(--ion-color-primary-contrast);position:relative}.EditGame2-wrapper{display:flex;flex-direction:column;align-items:center;min-height:100%;width:100%;background-color:var(--ion-color-primary-contrast)}.EditGame2-back-button{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;padding:20px}.EditGame2-config-buttons{display:flex;justify-content:center;align-items:center;gap:25px;flex-wrap:wrap;flex-shrink:0;flex-grow:1;width:100%}.EditGame2-buttons-result{display:flex;flex-direction:column;gap:2rem}.EditGame2-config-button-3d,.EditGame2-config-button-value{min-width:clamp(120px,24vw,160px);min-height:clamp(130px,26vw,180px);width:clamp(120px,22vw,160px);height:clamp(130px,22vw,180px)}.EditGame2-config-button-content{display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px}.EditGame2-config-button-value{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px;border:3px solid var(--bubble-bg);border-radius:6px;box-sizing:border-box}.EditGame2-accessibility-text{font-size:.95rem;font-weight:700;color:var(--tatomaths-text);text-align:center;line-height:1.1}.EditGame2-accessibility-icon{color:#000;font-size:clamp(34px,9vw,50px)}.EditGame2-config-button-image{width:clamp(70px,12vw,100px);height:clamp(70px,12vw,100px);object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.EditGame2-save-button{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;width:100%;padding:20px}.EditGame2-error-message{background:#ef4444;color:#fff;padding:10px 14px;border-radius:10px;text-align:center;font-weight:600;box-shadow:0 4px 12px #0003;width:100%;max-width:720px}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal-content{background:#fff;border-radius:24px;padding:clamp(32px,3.5vw,60px) clamp(28px,3vw,56px) clamp(28px,3vw,56px) clamp(28px,3vw,56px);max-width:700px;width:100%;max-height:82vh;overflow-y:auto;position:relative;box-shadow:0 8px 32px #0000004d;border:5px solid var(--ion-color-primary)}.modal-close-btn{position:absolute;top:12px;right:12px;width:50px;height:50px;border-radius:50%;background:#ef4444;color:#fff;border:none;font-size:2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #0003;transition:all .2s ease;z-index:10;flex-shrink:0}.modal-close-btn:hover{background:#dc2626;transform:scale(1.1)}.modal-close-btn:active{transform:scale(.95)}.quantity-grid{grid-template-columns:repeat(4,1fr)}.range-grid,.order-grid{grid-template-columns:repeat(2,1fr)}.accessibility-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.modal-option{background:#f1f5f9;border:4px solid #cbd5e1;border-radius:16px;padding:clamp(14px,2.2vh,20px);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-height:clamp(90px,16vh,140px);position:relative;text-align:center}.modal-option:hover{transform:scale(1.05);border-color:#3b82f6;background:#e0f2fe}.modal-option.selected{background:var(--bubble-bg);border-color:var(--ion-color-primary);border-width:6px;transform:scale(1.05);box-shadow:0 6px 16px #4ade8080}.modal-option.disabled{opacity:.4;cursor:not-allowed;pointer-events:auto}.modal-option.disabled:hover{transform:none;border-color:#cbd5e1;background:#f1f5f9}.modal-option.large{min-height:clamp(120px,24vh,170px)}.modal-number-img{width:70px;height:70px;object-fit:contain}.modal-number-text{font-size:clamp(2.1rem,4vw,2.8rem);font-weight:700;color:var(--tatomaths-text)}.modal-option.selected .modal-number-text{color:#000;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.modal-range-text{font-size:clamp(1.2rem,3.2vw,1.6rem);font-weight:700;color:var(--tatomaths-text);text-align:center;line-height:1.15;word-break:break-word}.modal-option.selected .modal-range-text{color:#000;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.order-content{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.order-label-large{font-size:clamp(1.2rem,3vw,1.5rem);font-weight:800;color:#1e293b}.order-sublabel{font-size:clamp(.9rem,2.6vw,1rem);color:#1e293b;line-height:1.2}@media screen and (max-width: 576px){.EditGame2-config-buttons{flex-direction:column;gap:15px;padding:10px}.EditGame2-buttons-result{flex-direction:row;align-items:center;justify-content:center;gap:1rem;width:100%}.EditGame2-config-button-3d,.EditGame2-config-button-value{min-width:clamp(100px,35vw,140px);min-height:clamp(50px,24vw,200px);width:clamp(100px,35vw,150px);height:clamp(50px,15vw,200px)}.EditGame2-config-button-image{width:clamp(50px,10vw,70px);height:clamp(50px,10vw,70px)}.EditGame2-back-button,.EditGame2-save-button{padding:10px}.modal-content{padding:56px 16px 24px;max-width:95%;max-height:88vh;overflow-y:auto}.quantity-grid{grid-template-columns:repeat(3,1fr);gap:10px}.range-grid,.order-grid,.accessibility-grid{grid-template-columns:1fr}.modal-option{min-height:70px;padding:12px}.modal-number-img{width:50px;height:50px}.modal-number-text{font-size:2rem}.modal-range-text{font-size:1.1rem}.EditGame2-accessibility-text{font-size:clamp(.8rem,2.5vw,.95rem);line-height:1.15}.modal-close-btn{width:42px;height:42px;font-size:1.5rem;top:8px;right:8px}.EditGame2-save-button{padding:6px}}@media screen and (min-width: 577px) and (max-width: 768px) and (orientation: portrait){.EditGame2-config-buttons{flex-direction:column;gap:20px;padding:15px}.EditGame2-buttons-result{flex-direction:row;align-items:center;justify-content:center;gap:1.5rem;width:100%}.EditGame2-config-button-3d,.EditGame2-config-button-value{min-width:clamp(120px,22vw,150px);min-height:clamp(120px,22vw,150px);width:clamp(120px,22vw,150px);height:clamp(120px,22vw,150px)}.modal-content{padding:50px 30px 30px;border-radius:20px}.modal-close-btn{width:46px;height:46px;font-size:1.6rem;top:10px;right:10px}}@media screen and (min-width: 769px) and (max-width: 992px) and (orientation: portrait){.EditGame2-config-buttons{flex-direction:row;flex-wrap:wrap;gap:20px;padding:15px;max-width:600px}.EditGame2-buttons-result{flex-direction:column;gap:1.5rem}.EditGame2-config-button-3d,.EditGame2-config-button-value{min-width:clamp(110px,18vw,140px);min-height:clamp(120px,18vw,150px);width:clamp(110px,20vw,200px);height:clamp(120px,22vw,200px)}.modal-content{padding:50px 30px 30px;border-radius:20px}}@media screen and (min-width: 577px) and (max-width: 992px) and (orientation: landscape){.EditGame2-config-buttons{flex-direction:row;gap:15px;padding:15px}.EditGame2-buttons-result{flex-direction:column;gap:1rem}.EditGame2-config-button-3d,.EditGame2-config-button-value{min-width:clamp(90px,16vw,130px);min-height:clamp(90px,18vh,130px);width:clamp(90px,20vw,200px);height:clamp(90px,20vh,200px)}.EditGame2-config-button-image{width:clamp(45px,8vw,65px);height:clamp(45px,8vw,65px)}.EditGame2-back-button,.EditGame2-save-button{padding:10px}.modal-content{padding:50px 25px 25px;border-radius:16px}}@media screen and (min-width: 993px) and (max-height: 600px){.EditGame2-config-buttons{flex-direction:row;gap:15px;padding:5px}.EditGame2-buttons-result{flex-direction:column;gap:.8rem}.EditGame2-config-button-3d,.EditGame2-config-button-value{min-width:clamp(80px,12vw,110px);min-height:clamp(70px,16vh,100px);width:clamp(80px,16vw,200px);height:clamp(70px,20vh,200px)}.EditGame2-config-button-image{width:clamp(40px,7vw,55px);height:clamp(40px,7vw,55px)}.EditGame2-config-button-content{gap:5px;padding:8px}.EditGame2-back-button,.EditGame2-save-button{padding:8px}.btn-text{font-size:.85rem}.modal-range-text{font-size:1.2rem}.modal-number-text{font-size:2rem}.EditGame2-accessibility-text{font-size:.75rem}}@media screen and (min-width: 993px) and (min-height: 601px) and (max-height: 850px){.EditGame2-config-buttons{flex-direction:row;gap:20px}.EditGame2-buttons-result{flex-direction:column;gap:1.2rem}.EditGame2-config-button-3d,.EditGame2-config-button-value{min-width:clamp(110px,14vw,140px);min-height:clamp(110px,15vh,140px);width:clamp(110px,16vw,170px);height:clamp(110px,20vh,170px)}.EditGame2-config-button-image{width:clamp(55px,8vw,70px);height:clamp(55px,8vw,70px)}.EditGame2-back-button,.EditGame2-save-button{padding:12px}}@media screen and (min-width: 993px) and (min-height: 851px){.EditGame2-config-buttons{flex-direction:row;gap:20px}.EditGame2-buttons-result{flex-direction:column;gap:2rem}.EditGame2-config-button-3d,.EditGame2-config-button-value{min-width:clamp(140px,18vw,180px);min-height:clamp(150px,20vw,190px);width:clamp(140px,20vw,200px);height:clamp(150px,22vw,190px)}.EditGame2-config-button-image{width:clamp(70px,10vw,90px);height:clamp(70px,10vw,90px)}}@media screen and (min-width: 1400px) and (min-height: 700px){.EditGame2-config-buttons{flex-direction:row;gap:35px}.EditGame2-buttons-result{flex-direction:column;gap:2.5rem}.EditGame2-config-button-3d,.EditGame2-config-button-value{min-width:clamp(150px,13vw,180px);min-height:clamp(160px,14vw,190px);width:clamp(150px,13vw,180px);height:clamp(160px,14vw,190px)}.EditGame2-config-button-image{width:clamp(80px,7vw,100px);height:clamp(80px,7vw,100px)}.btn-text{font-size:1.1rem}.modal-range-text{font-size:1.6rem}.EditGame2-accessibility-text{font-size:1rem}}.modal-option:focus{box-shadow:0 6px 12px #0006;border:5px solid black;outline:none;transform:scale(1.05)}.game-header-component{display:flex;align-items:center;justify-content:space-between;background-color:var(--ion-color-primary);padding:clamp(12px,2.5vw,20px) clamp(12px,3vw,22px);width:100%;height:clamp(70px,13vh,115px);box-sizing:border-box;gap:clamp(8px,2vw,14px)}.game-header-left{display:flex;align-items:center;justify-content:flex-start;min-width:90px;padding:clamp(4px,1vw,8px)}.pushable-home-button{position:relative;background:transparent;padding:0;border:none;cursor:pointer;outline-offset:4px;transition:filter .25s;flex-shrink:0;width:clamp(56px,12vw,72px);height:clamp(56px,12vw,72px)}.shadow-home{position:absolute;top:0;left:0;height:100%;width:100%;background:#00000040;border-radius:12px;transform:translateY(3px);filter:blur(3px);transition:transform .1s cubic-bezier(.3,.7,.4,1)}.edge-home{position:absolute;top:0;left:0;height:100%;width:100%;border-radius:12px;background:linear-gradient(to left,color-mix(in srgb,var(--bubble-selected-bg) 70%,black),color-mix(in srgb,var(--bubble-selected-bg) 85%,black) 8% 92%,color-mix(in srgb,var(--bubble-selected-bg) 70%,black))}.front-home{display:flex;align-items:center;justify-content:center;position:relative;border-radius:12px;background:var(--bubble-selected-bg);padding:clamp(8px,2vw,12px);width:100%;height:100%;box-sizing:border-box;transform:translateY(-3px);transition:transform .1s cubic-bezier(.3,.7,.4,1)}.home-icon{width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0px 2px 2px rgba(0,0,0,.2))}.pushable-home-button:hover{filter:brightness(1.05)}.pushable-home-button:hover .front-home{transform:translateY(-5px)}.pushable-home-button:active .front-home{transform:translateY(-1px)}.pushable-home-button:active .shadow-home{transform:translateY(1px);filter:blur(1px)}.game-header-center{display:flex;align-items:center;justify-content:center;gap:clamp(12px,3vw,18px);flex:1;min-width:0}.game-header-title{color:var(--tatomaths-text-primary);font-size:clamp(1.35rem,3.4vw,2rem);font-weight:700;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-header-pictograms{display:flex;align-items:center;gap:clamp(10px,2.5vw,16px)}.game-header-pictogram{width:clamp(64px,12vw,90px);height:clamp(64px,12vw,90px);object-fit:contain;background-color:transparent;border-radius:12px;padding:clamp(6px,1.5vw,10px)}.game-header-round{color:var(--tatomaths-text-primary);font-size:clamp(1.1rem,3vw,1.7rem);font-weight:700;margin-right:clamp(8px,2vw,16px)}.game-header-round p{margin:0}@media (max-width: 768px){.game-header-component{height:clamp(60px,12vh,90px);gap:clamp(6px,2vw,10px)}.game-header-pictogram{width:clamp(54px,14vw,76px);height:clamp(54px,14vw,76px);padding:clamp(4px,1vw,8px)}.pushable-home-button{width:clamp(52px,14vw,68px);height:clamp(52px,14vw,68px)}.game-header-title{font-size:clamp(1.2rem,4vw,1.6rem)}}@media (max-width: 540px){.game-header-component{flex-wrap:nowrap;height:clamp(58px,12vh,84px);padding:clamp(8px,3vw,12px);gap:clamp(6px,2vw,10px)}.game-header-left{min-width:64px}.game-header-center{flex:1}.game-header-pictograms{gap:clamp(6px,2.5vw,10px)}.game-header-pictogram{width:clamp(44px,14vw,58px);height:clamp(44px,14vw,58px);padding:clamp(3px,1vw,6px)}.pushable-home-button{width:clamp(48px,13vw,60px);height:clamp(48px,13vw,60px)}.game-header-title{font-size:clamp(1.1rem,3.8vw,1.4rem)}.game-header-round{font-size:clamp(.95rem,3.4vw,1.25rem);margin-right:clamp(6px,1.5vw,10px)}.game-header-arrow,.game-header-pictograms img:last-child{display:none}}.feedback-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;height:calc(100dvh - var(--header-height, 15vh));width:100%;padding:clamp(1rem,4vw,4rem);box-sizing:border-box;gap:clamp(3rem,3vw,1.5rem);overflow:hidden;background:var(--ion-color-primary-contrast);--header-height: clamp(70px, 13vh, 115px)}.feedback-message{flex-shrink:0;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:var(--tatomaths-weight);color:var(--tatomaths-text-bg);text-align:center;padding:0 1rem;font-family:var(--tatomaths-font)}.feedback-tato{flex:1;display:flex;justify-content:center;align-items:center;max-width:600px;max-height:40vh;width:100%}.feedback-tato-image{width:100%;height:auto;max-height:45vh;object-fit:contain}.feedback-button-container{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:clamp(.8rem,2.5vw,2.5rem);width:100%;max-width:900px;padding:0;flex-shrink:0}.feedback-button-container .game-control-button{width:clamp(130px,12vw,180px)!important;height:clamp(130px,12vw,180px)!important;flex-shrink:0}@media screen and (max-width: 480px){.feedback-screen{padding:clamp(.5rem,3vw,1.5rem);gap:clamp(1rem,4vh,2rem);height:calc(100dvh - var(--header-height, 12vh))}.feedback-message{font-size:clamp(1.2rem,5vw,1.8rem);padding:0 .5rem}.feedback-tato{max-height:35vh;max-width:80%}.feedback-tato-image{max-height:35vh}.feedback-button-container{flex-direction:row;gap:clamp(.5rem,4vw,1.5rem);padding:.5rem 0}.feedback-button-container .game-control-button{width:clamp(80px,22vw,120px)!important;height:clamp(80px,22vw,120px)!important}}@media screen and (max-height: 500px) and (orientation: landscape){.feedback-screen{flex-direction:row;justify-content:space-around;align-items:center;padding:clamp(.5rem,2vw,1rem);gap:clamp(.5rem,2vw,1.5rem);height:calc(100dvh - var(--header-height, 10vh))}.feedback-message{font-size:clamp(1rem,2.5vw,1.5rem);max-width:25%;order:1}.feedback-tato{max-height:60vh;max-width:35%;order:2}.feedback-tato-image{max-height:55vh}.feedback-button-container{flex-direction:column;gap:clamp(.5rem,2vh,1rem);max-width:20%;order:3}.feedback-button-container .game-control-button{width:clamp(60px,12vh,100px)!important;height:clamp(60px,12vh,100px)!important}}@media screen and (min-width: 481px) and (max-width: 768px) and (orientation: portrait){.feedback-screen{padding:clamp(1rem,3vw,2rem);gap:clamp(1.5rem,3vh,2.5rem)}.feedback-message{font-size:clamp(1.4rem,3.5vw,2rem)}.feedback-tato{max-height:38vh;max-width:70%}.feedback-tato-image{max-height:38vh}.feedback-button-container{gap:clamp(1rem,3vw,2rem)}.feedback-button-container .game-control-button{width:clamp(100px,18vw,150px)!important;height:clamp(100px,18vw,150px)!important}}@media screen and (min-width: 769px) and (max-width: 1024px) and (orientation: landscape){.feedback-screen{padding:clamp(1rem,2vw,2rem);gap:clamp(1rem,2vh,2rem)}.feedback-message{font-size:clamp(1.5rem,2.5vw,2.2rem)}.feedback-tato{max-height:42vh;max-width:500px}.feedback-tato-image{max-height:42vh}.feedback-button-container{gap:clamp(1rem,2vw,2rem)}.feedback-button-container .game-control-button{width:clamp(110px,10vw,160px)!important;height:clamp(110px,10vw,160px)!important}}@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){.feedback-screen{padding:clamp(1.5rem,3vw,3rem);gap:clamp(2rem,3vh,3rem)}.feedback-message{font-size:clamp(1.6rem,3vw,2.2rem)}.feedback-tato{max-height:40vh;max-width:60%}.feedback-tato-image{max-height:40vh}.feedback-button-container .game-control-button{width:clamp(120px,15vw,160px)!important;height:clamp(120px,15vw,160px)!important}}@media screen and (min-width: 1025px){.feedback-screen{padding:clamp(1.5rem,3vw,4rem);gap:clamp(1.5rem,2vh,2.5rem)}.feedback-message{font-size:clamp(1.8rem,2.5vw,2.5rem)}.feedback-tato{max-height:45vh;max-width:600px}.feedback-tato-image{max-height:45vh}.feedback-button-container{gap:clamp(1.5rem,2vw,2.5rem)}.feedback-button-container .game-control-button{width:clamp(130px,10vw,180px)!important;height:clamp(130px,10vw,180px)!important}}@media screen and (min-width: 1440px){.feedback-screen{gap:clamp(2rem,2.5vh,3rem)}.feedback-message{font-size:clamp(2rem,2vw,2.8rem)}.feedback-tato{max-height:48vh;max-width:700px}.feedback-tato-image{max-height:40vh}.feedback-button-container .game-control-button{width:clamp(150px,9vw,200px)!important;height:clamp(150px,9vw,200px)!important}}@media screen and (max-aspect-ratio: 9/16){.feedback-screen{gap:clamp(2rem,5vh,4rem)}.feedback-tato,.feedback-tato-image{max-height:30vh}}@media screen and (min-aspect-ratio: 21/9){.feedback-screen{flex-direction:row;justify-content:center;gap:clamp(2rem,5vw,6rem)}.feedback-message{max-width:30%;order:1}.feedback-tato{max-width:30%;order:2}.feedback-button-container{max-width:25%;order:3}}.game-header-exit-overlay{position:fixed;inset:0;background:var(--ion-color-primary-contrast);display:flex;align-items:center;justify-content:center;z-index:9999;box-sizing:border-box}.game-header-exit-card{background:var(--ion-color-primary-contrast);width:100%;height:100%;padding:3rem;gap:3rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:999;inset:0}.game-header-exit-text{margin:0 0 .75rem;font-size:4rem;color:#000;font-family:var(--tatomaths-font);font-weight:var(--tatomaths-weight)}.game-header-exit-actions{display:flex;flex-direction:row;justify-content:center;width:fit-content;height:fit-content;gap:2rem}.exit-btn{width:180px;height:180px}@media (max-height: 720px){.exit-btn{width:100px;height:100px}.game-header-exit-card{gap:4.5rem}.game-header-exit-text{font-size:2.5rem}}@media (max-width: 430px){.game-header-exit-text{font-size:2rem}.exit-btn{width:100px;height:100px}}.Game1-spinner{display:flex;justify-content:center;align-items:center;height:100vh}.game1-content{--background: var(--ion-color-primary-contrast);--footer-height: 220px;--header-height: clamp(70px, 13vh, 115px);display:flex;flex-direction:column;height:100vh;height:100dvh;width:100vw;overflow:hidden}.game1-grid-container{display:grid;grid-template-columns:minmax(200px,25%) 1fr;justify-content:center;align-items:center;height:calc(100vh - var(--header-height));height:calc(100dvh - var(--header-height));max-height:calc(100vh - var(--header-height));gap:clamp(1rem,3vw,3rem);padding:clamp(.5rem,1.5vw,2rem);box-sizing:border-box;overflow:hidden}.game1-tato-column{display:flex;align-items:flex-end;justify-content:center;padding:0 0 15%;margin:0;height:100%}.game1-game-column{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;margin:0;height:calc(100vh - var(--header-height));height:calc(100dvh - var(--header-height));max-height:calc(100vh - var(--header-height));gap:clamp(1rem,3vh,3rem);width:100%;overflow:hidden;box-sizing:border-box}.game1-tato-image{width:100%;max-width:clamp(200px,28vw,350px);height:auto;aspect-ratio:1;max-height:clamp(200px,35vh,350px)}.game1-buttons-container{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:clamp(.8rem,2.5vw,2.5rem);width:100%;max-width:900px;padding:0;flex-shrink:0}.game1-buttons-container .game-control-button{width:clamp(100px,15vw,180px)!important;height:clamp(100px,15vw,180px)!important;flex-shrink:0}@media (max-width: 1024px) and (orientation: portrait){.game1-grid-container{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;gap:clamp(.6rem,1.8vh,1.2rem);padding:clamp(.25rem,.8vh,.8rem)}.game1-tato-image{max-width:170px;max-height:170px;margin-top:10px}.game1-buttons-container{gap:clamp(.5rem,1.8vw,1.5rem)}.game1-buttons-container .game-control-button{width:clamp(75px,18vw,170px)!important;height:clamp(75px,18vw,170px)!important}}@media (max-width: 600px) and (orientation: portrait){.game1-grid-container{gap:clamp(.4rem,1.2vh,.8rem);padding:clamp(.15rem,.6vh,.6rem)}.game1-tato-image{max-width:170px;max-height:170px;margin-top:10px}.game1-buttons-container{gap:clamp(.4rem,1.5vw,1rem)}.game1-buttons-container .game-control-button{width:clamp(65px,23vw,110px)!important;height:clamp(65px,23vw,110px)!important}}@media (orientation: landscape) and (max-height: 750px){.game1-grid-container{grid-template-columns:minmax(150px,20%) 1fr;gap:clamp(.4rem,1.5vw,1.2rem);padding:clamp(.25rem,.8vh,.6rem)}.game1-tato-image{max-width:200px;max-height:200px;margin-top:10px}.game1-game-column{gap:clamp(.4rem,1.8vh,1.2rem)}.game1-tato-image{max-width:300px;max-height:300px;margin-top:10px}.game1-buttons-container{gap:clamp(.4rem,1.5vw,1.2rem)}.game1-buttons-container .game-control-button{width:clamp(60px,20vh,120px)!important;height:clamp(60px,20vh,120px)!important}}.game1-video-modal-overlay{position:fixed;inset:0;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:10000;padding:1rem;animation:fadeIn .3s ease-in-out}.game1-video-modal-content{position:relative;max-width:90vw;max-height:90vh;background-color:#000;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000080;animation:slideIn .3s ease-out}.game1-video-close-button{position:absolute;top:10px;right:10px;width:40px;height:40px;background-color:#ffffffe6;border:none;border-radius:50%;font-size:24px;font-weight:700;color:#333;cursor:pointer;z-index:10001;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px #0000004d}.game1-video-close-button:hover{background-color:#fff;transform:scale(1.1)}.game1-video-close-button:active{transform:scale(.95)}.game1-video-player{width:100%;height:100%;max-width:90vw;max-height:90vh;display:block}.nm-number-circle{display:flex;align-items:center;justify-content:center;width:7.5rem;height:7.5rem;max-width:10vw;max-height:10vw;aspect-ratio:1;border-radius:50%;background:var(--bubble-bg);border:3px solid transparent;box-shadow:2px 2px 5px #0003;cursor:pointer;color:#000;font-size:2.5rem;font-weight:700;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.nm-number-circle:focus-visible{box-shadow:0 6px 12px #0006;border:4px solid black;outline:none;transform:scale(1.12)}.nm-number-wrapper{display:inline-flex;flex-direction:column;align-items:center;gap:clamp(.2rem,.8vw,.6rem);width:100%;margin:0;padding:0}.nm-number-card-pictogram .nm-pictogram-image{max-width:75%;max-height:75%;object-fit:contain}.nm-number-circle .nm-number-value{font-size:3rem;font-weight:600;color:#222;line-height:1}.nm-number-circle.selected{background-color:var(--bubble-selected-bg);color:#000;transform:scale(1.18);box-shadow:0 6px 12px #0006;border:6px solid black;outline:none}.nm-number-circle.hinted{background-color:#f3f4f6;color:#9ca3af;border:4px dashed #6B7280;cursor:not-allowed;box-shadow:none;opacity:.3;pointer-events:none}.nm-number-circle.disabled{cursor:not-allowed;opacity:.4}@media (min-width: 768px) and (max-width: 854px) and (max-height: 1368px){.nm-number-circle{width:clamp(30px,15vw,15vw);height:clamp(30px,15vw,15vw);max-width:20vw;max-height:20vw;border:3px solid transparent;font-size:clamp(2rem,8vw,4em)}.nm-number-circle .nm-number-value{font-size:clamp(2rem,6vw,4em)}.nm-number-circle:focus-visible,.nm-number-circle.selected{border-width:6px}.nm-number-circle.selected{transform:scale(1.1)}.nm-number-circle:focus-visible{transform:scale(1.3)}}@media (max-width: 767px) and (max-height: 1368px){.nm-number-circle{width:clamp(30px,15vw,15vw);height:clamp(30px,15vw,15vw);max-width:20vw;max-height:20vw;border:3px solid transparent;font-size:clamp(2rem,8vw,4em)}.nm-number-circle .nm-number-value{font-size:clamp(2rem,6vw,4em)}.nm-number-circle:focus-visible,.nm-number-circle.selected{border-width:4px}.nm-number-circle.selected{transform:scale(1.1)}.nm-number-circle:focus-visible{transform:scale(1.3)}}@media (max-height: 600px){.nm-number-circle{width:clamp(60px,8vw,140px);height:clamp(60px,8vw,140px);max-width:20vw;max-height:20vw;border:3px solid transparent;font-size:clamp(2rem,8vw,4em)}.nm-number-circle .nm-number-value{font-size:clamp(2rem,4vw,4em)}.nm-number-circle:focus-visible,.nm-number-circle.selected{border-width:4px}.nm-number-circle.selected{transform:scale(1.1)}.nm-number-circle:focus-visible{transform:scale(1.3)}}.numbers-grid{width:fit-content;height:auto;margin:0;background:var(--ion-color-primary-contrast);flex:0 1 auto;min-height:0;max-height:100%;overflow:hidden;display:grid;grid-template-columns:repeat(4,7.5rem);grid-auto-flow:row;justify-items:center;justify-content:center;align-items:center;align-content:start;gap:1.5rem;padding:2rem;box-sizing:border-box}.numbers-grid:has(:nth-child(1):last-child){grid-template-columns:8rem}.numbers-grid:has(:nth-child(2):last-child){grid-template-columns:repeat(2,9.5rem)}.numbers-grid:has(:nth-child(3):last-child){grid-template-columns:repeat(3,9rem)}.numbers-grid:has(:nth-child(4):last-child){grid-template-columns:repeat(4,8.5rem)}.numbers-grid:has(:nth-child(5):last-child){grid-template-columns:repeat(5,8rem)}.numbers-grid:has(:nth-child(6):last-child){grid-template-columns:repeat(3,9rem)}.numbers-grid:has(:nth-child(7):last-child),.numbers-grid:has(:nth-child(8):last-child){grid-template-columns:repeat(4,7.5rem)}.numbers-grid:has(:nth-child(9):last-child){grid-template-columns:repeat(3,9rem)}.numbers-grid:has(:nth-child(10):last-child){grid-template-columns:repeat(5,7.5rem)}.numbers-grid:has(:nth-child(11):last-child),.numbers-grid:has(:nth-child(12):last-child){grid-template-columns:repeat(4,8.5rem)}@media (max-width: 430px) and (max-height: 1368px){.numbers-grid:has(:nth-child(3):last-child){grid-template-columns:repeat(3,6rem)}.numbers-grid:has(:nth-child(4):last-child){grid-template-columns:repeat(2,6rem)}.numbers-grid:has(:nth-child(5):last-child){grid-template-columns:repeat(3,6rem)}.numbers-grid:has(:nth-child(6):last-child){grid-template-columns:repeat(2,6rem);margin-top:0rem}.numbers-grid:has(:nth-child(7):last-child),.numbers-grid:has(:nth-child(8):last-child),.numbers-grid:has(:nth-child(9):last-child){grid-template-columns:repeat(3,4rem);margin-top:0rem}.numbers-grid:has(:nth-child(10):last-child),.numbers-grid:has(:nth-child(11):last-child),.numbers-grid:has(:nth-child(12):last-child){grid-template-columns:repeat(4,4.5rem);margin-top:-2rem}.numbers-grid{gap:1rem}}@media (min-width: 768px) and (max-width: 1024px){.numbers-grid:has(:nth-child(1):last-child){grid-template-columns:8rem;margin-top:0rem}.numbers-grid:has(:nth-child(2):last-child){grid-template-columns:repeat(2,9.5rem);margin-top:0rem}.numbers-grid:has(:nth-child(3):last-child){grid-template-columns:repeat(3,9rem);margin-top:0rem}.numbers-grid:has(:nth-child(4):last-child){grid-template-columns:repeat(4,8.5rem);margin-top:0rem}.numbers-grid:has(:nth-child(5):last-child){grid-template-columns:repeat(5,7.5rem);margin-top:0rem}.numbers-grid:has(:nth-child(6):last-child){grid-template-columns:repeat(3,9rem);margin-top:0rem}.numbers-grid:has(:nth-child(7):last-child),.numbers-grid:has(:nth-child(8):last-child){grid-template-columns:repeat(4,8.5rem);margin-top:0rem}.numbers-grid:has(:nth-child(9):last-child){grid-template-columns:repeat(3,9rem);margin-top:0rem}.numbers-grid:has(:nth-child(10):last-child){grid-template-columns:repeat(5,7.5rem);margin-top:0rem}.numbers-grid:has(:nth-child(11):last-child),.numbers-grid:has(:nth-child(12):last-child){grid-template-columns:repeat(4,9rem);margin-top:0}}@media (min-width: 431px) and (max-width: 540px) and (max-height: 1368px){.numbers-grid:has(:nth-child(4):last-child){grid-template-columns:repeat(4,5.5rem)}.numbers-grid:has(:nth-child(5):last-child){grid-template-columns:repeat(3,5.5rem)}.numbers-grid:has(:nth-child(9):last-child){grid-template-columns:repeat(3,6.5rem);margin-top:-2rem}.numbers-grid:has(:nth-child(10):last-child),.numbers-grid:has(:nth-child(11):last-child),.numbers-grid:has(:nth-child(12):last-child){grid-template-columns:repeat(4,5.5rem);margin-top:-2rem}.numbers-grid{gap:1rem}}@media (min-height: 540px) and (max-height: 670px) and (min-width:425px) and (max-width: 768px){.numbers-grid:has(:nth-child(1):last-child){grid-template-columns:6rem;margin-top:0rem}.numbers-grid:has(:nth-child(2):last-child){grid-template-columns:repeat(2,6rem);margin-top:0rem}.numbers-grid:has(:nth-child(3):last-child){grid-template-columns:repeat(3,6rem);margin-top:0rem}.numbers-grid:has(:nth-child(4):last-child){grid-template-columns:repeat(2,6rem);margin-top:-1.5rem}.numbers-grid:has(:nth-child(5):last-child),.numbers-grid:has(:nth-child(6):last-child){grid-template-columns:repeat(3,6rem);margin-top:-1.5rem}.numbers-grid:has(:nth-child(7):last-child),.numbers-grid:has(:nth-child(8):last-child){grid-template-columns:repeat(4,6rem);margin-top:-1.5rem}.numbers-grid:has(:nth-child(9):last-child),.numbers-grid:has(:nth-child(10):last-child){grid-template-columns:repeat(5,6rem);margin-top:-1.5rem}.numbers-grid:has(:nth-child(11):last-child),.numbers-grid:has(:nth-child(12):last-child){grid-template-columns:repeat(6,6rem);margin-top:-1.5rem}.numbers-grid{gap:.7rem}}.results-wrapper{display:flex;flex-direction:column;gap:.5rem;min-height:100dvh}.results-screen{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:clamp(.75rem,3vw,1.25rem);padding:clamp(.85rem,3.5vw,1.35rem);padding-bottom:calc(clamp(.85rem,3.5vw,1.35rem) + env(safe-area-inset-bottom,0px));box-sizing:border-box;overflow:hidden;flex:1}.results-title{margin:0;font-size:clamp(1.4rem,3.4vw,2.1rem)}.results-subtitle{margin:0;color:#555;font-size:clamp(.85rem,2.6vw,1rem);text-align:center}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:clamp(.5rem,2.5vw,.85rem);width:100%;max-width:880px}.results-card{background:#f9fbff;border:1px solid #e0e7ff;border-radius:12px;padding:.85rem;text-align:center;box-shadow:0 4px 12px #0000000f;min-height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem}.results-label{margin:0 0 .35rem;color:#5d6b82;font-size:.95rem;line-height:1.2}.results-value{margin:0;font-weight:700;font-size:clamp(1.1rem,3vw,1.5rem);color:#102a56}.results-icon{width:clamp(32px,8vw,44px);height:clamp(32px,8vw,44px);object-fit:contain}@media (max-width: 640px){.results-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.results-title{text-align:center}}@media (max-width: 460px){.results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.results-card{min-height:90px}}.results-actions{display:flex;flex-direction:column;gap:.75rem;width:min(360px,100%);margin-top:.25rem}.results-button{font-weight:600;font-size:1rem}@media (max-height: 700px){.results-screen{gap:.75rem}.results-card{min-height:100px}}.results-screen-new{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:clamp(1rem,3vw,2rem);padding-bottom:calc(clamp(1rem,3vw,2rem) + env(safe-area-inset-bottom,0px));box-sizing:border-box;flex:1;background:#fff;position:relative}.results-title-new{margin:0 0 clamp(1.5rem,4vw,2.5rem) 0;font-size:clamp(1.8rem,4.5vw,2.5rem);font-weight:700;color:#000;text-align:center}.results-content{display:flex;align-items:center;gap:clamp(2rem,5vw,4rem);width:100%;max-width:700px;margin-bottom:clamp(2rem,5vw,3rem)}.tato-container{flex-shrink:0}.tato-image{width:clamp(150px,25vw,250px);height:auto;object-fit:contain}.stats-container{display:flex;flex-direction:column;gap:clamp(1rem,3vw,1.5rem);flex:1}.stat-row{display:flex;align-items:center;gap:clamp(.75rem,2vw,1rem);font-size:clamp(1.1rem,3vw,1.5rem)}.stat-icon{font-size:clamp(2rem,5vw,3rem);flex-shrink:0}.stat-icon-green{color:#22c55e}.stat-icon-red{color:#ef4444}.stat-icon-blue{color:#3b82f6}.stat-icon-img{width:clamp(2rem,5vw,3rem);height:clamp(2rem,5vw,3rem);object-fit:contain;flex-shrink:0}.stat-label{font-weight:500;color:#000}.stat-value{font-weight:700;color:#000;margin-left:auto}.stars-container{display:flex;gap:clamp(.5rem,2vw,1rem);margin-bottom:clamp(2rem,4vw,3rem)}.star{font-size:clamp(60px,12vw,100px);transition:all .3s ease}.star-active{color:#fbbf24;opacity:1}.star-inactive{color:#d1d5db;opacity:.5}.accept-button-container{position:absolute;bottom:clamp(1.5rem,4vw,2.5rem);right:clamp(1.5rem,4vw,2.5rem)}.pushable-accept-button{position:relative;background:transparent;padding:0;border:none;cursor:pointer;outline-offset:4px;transition:filter .25s;width:clamp(180px,28vw,280px);height:clamp(70px,11vw,110px)}.shadow-accept{position:absolute;top:0;left:0;height:100%;width:100%;background:#00000040;border-radius:12px;transform:translateY(4px);filter:blur(4px);transition:transform .1s cubic-bezier(.3,.7,.4,1)}.edge-accept{position:absolute;top:0;left:0;height:100%;width:100%;border-radius:12px;background:linear-gradient(to left,color-mix(in srgb,var(--bubble-selected-bg) 70%,black),color-mix(in srgb,var(--bubble-selected-bg) 85%,black) 8% 92%,color-mix(in srgb,var(--bubble-selected-bg) 70%,black))}.front-accept{display:flex;align-items:center;justify-content:center;position:relative;border-radius:12px;background:var(--bubble-selected-bg);padding:clamp(8px,1.5vh,12px) clamp(12px,2.5vw,18px);width:100%;height:100%;box-sizing:border-box;transform:translateY(-4px);transition:transform .1s cubic-bezier(.3,.7,.4,1)}.accept-icon{width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0px 2px 2px rgba(0,0,0,.2))}.pushable-accept-button:hover{filter:brightness(1.05)}.pushable-accept-button:hover .front-accept{transform:translateY(-6px)}.pushable-accept-button:active .front-accept{transform:translateY(-2px)}.pushable-accept-button:active .shadow-accept{transform:translateY(2px);filter:blur(2px)}@media (max-width: 768px){.results-title-new{font-size:clamp(1.5rem,4vw,2rem);margin-bottom:clamp(1rem,3vw,1.5rem)}.results-content{gap:clamp(1.5rem,4vw,3rem)}.tato-image{width:clamp(130px,22vw,200px)}.stats-container{gap:clamp(.8rem,2.5vw,1.2rem)}.stat-row{font-size:clamp(1rem,2.8vw,1.3rem)}.stat-icon{font-size:clamp(1.8rem,4.5vw,2.5rem)}.stat-icon-img{width:clamp(1.8rem,4.5vw,2.5rem);height:clamp(1.8rem,4.5vw,2.5rem)}.star{font-size:clamp(50px,10vw,80px)}.stars-container{margin-bottom:clamp(1.5rem,3vw,2.5rem)}.pushable-accept-button{width:clamp(160px,25vw,240px);height:clamp(80px,12.5vw,120px)}}@media (max-width: 640px){.results-screen-new{padding:clamp(.8rem,2.5vw,1.5rem)}.results-title-new{font-size:clamp(1.3rem,3.8vw,1.8rem);margin-bottom:clamp(.8rem,2.5vw,1.2rem)}.results-content{flex-direction:column;gap:1rem;margin-bottom:clamp(1.2rem,3vw,2rem)}.tato-image{width:clamp(100px,30vw,150px)}.stats-container{width:100%;gap:clamp(.6rem,2vw,1rem)}.stat-row{font-size:clamp(.95rem,2.5vw,1.2rem)}.stat-icon{font-size:clamp(1.5rem,4vw,2rem)}.stat-icon-img{width:clamp(1.5rem,4vw,2rem);height:clamp(1.5rem,4vw,2rem)}.star{font-size:clamp(45px,10vw,70px)}.stars-container{gap:clamp(.4rem,1.5vw,.8rem);margin-bottom:clamp(1rem,2.5vw,1.5rem)}.accept-button-container{position:static;margin-top:auto;display:flex;justify-content:center;width:100%}.pushable-accept-button{width:clamp(120px,28vw,180px);height:clamp(60px,14vw,90px)}}@media (max-width: 480px) or (max-height: 700px){.results-screen-new{padding:clamp(.6rem,2vw,1rem)}.results-title-new{font-size:clamp(1.2rem,3.5vw,1.6rem);margin-bottom:clamp(.6rem,2vw,1rem)}.results-content{gap:.8rem;margin-bottom:clamp(1rem,2.5vw,1.5rem)}.tato-image{width:clamp(80px,25vw,120px)}.stats-container{gap:clamp(.5rem,1.8vw,.8rem)}.stat-row{font-size:clamp(.85rem,2.3vw,1rem);gap:clamp(.5rem,1.5vw,.8rem)}.stat-icon{font-size:clamp(1.3rem,3.5vw,1.8rem)}.stat-icon-img{width:clamp(1.3rem,3.5vw,1.8rem);height:clamp(1.3rem,3.5vw,1.8rem)}.star{font-size:clamp(35px,9vw,60px)}.stars-container{gap:clamp(.3rem,1.2vw,.6rem);margin-bottom:clamp(.8rem,2vw,1.2rem)}.pushable-accept-button{width:clamp(100px,25vw,150px);height:clamp(50px,12.5vw,75px)}}@media (max-width: 360px) or (max-height: 600px){.results-screen-new{padding:clamp(.5rem,1.8vw,.8rem)}.results-title-new{font-size:clamp(1.1rem,3.2vw,1.4rem);margin-bottom:clamp(.5rem,1.8vw,.8rem)}.results-content{gap:.6rem;margin-bottom:clamp(.8rem,2vw,1.2rem)}.tato-image{width:clamp(70px,22vw,100px)}.stats-container{gap:clamp(.4rem,1.5vw,.6rem)}.stat-row{font-size:clamp(.8rem,2.1vw,.95rem);gap:clamp(.4rem,1.2vw,.6rem)}.stat-icon{font-size:clamp(1.2rem,3.2vw,1.6rem)}.stat-icon-img{width:clamp(1.2rem,3.2vw,1.6rem);height:clamp(1.2rem,3.2vw,1.6rem)}.star{font-size:clamp(30px,8vw,50px)}.stars-container{gap:clamp(.25rem,1vw,.5rem);margin-bottom:clamp(.6rem,1.8vw,1rem)}.pushable-accept-button{width:clamp(90px,23vw,130px);height:clamp(45px,11.5vw,65px)}.accept-button-container{bottom:clamp(.8rem,2vw,1.5rem);right:clamp(.8rem,2vw,1.5rem)}}@media (max-height: 500px){.results-screen-new{justify-content:space-evenly}.results-title-new{margin-bottom:.4rem}.results-content{margin-bottom:.6rem}.stars-container{margin-bottom:.5rem}}.game-control-button{--padding-start: 0;--padding-end: 0;--padding-top: 0;--padding-bottom: 0;--box-shadow: none;--background: transparent;--background-hover: transparent;--background-activated: transparent;--background-focused: transparent;--ripple-color: transparent;--border-radius: 7px;margin:0!important;width:120px!important;height:120px!important;min-width:60px;min-height:60px;border:3px solid #000;border-radius:7px;outline:none;transition:all .2s ease-in-out}.game-control-button:hover{transform:scale(1.05);filter:brightness(1.1)}.game-control-button:focus,.game-control-button:focus-visible{transform:scale(1.08);border:5px solid #000;filter:brightness(1.15);outline:none}.game-control-button:active{transform:scale(.95);border:4px solid var(--ion-color-primary);filter:brightness(.85);box-shadow:inset 0 4px 8px #0000004d;transition:all .1s ease-in-out}.game-control-button.no-border{border:none!important}.game-control-button.no-border:hover,.game-control-button.no-border:focus,.game-control-button.no-border:focus-visible,.game-control-button.no-border:active{border:none!important;box-shadow:none!important}.game-control-button::part(native){padding:0;width:100%;height:100%;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;border:none;outline:none;box-shadow:none;border-radius:7px}.game-control-button-content{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(2px,.4vw,6px);padding:clamp(4px,.6vw,8px)}.game-control-button-text{font-size:clamp(.7rem,1.8vw,1.1rem);font-weight:var(--tatomaths-weight);font-family:var(--tatomaths-font);color:var(--tatomaths-text, #000);text-align:center;margin:0;padding:0;line-height:1.1;max-width:100%;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;flex-shrink:0}.game-control-button-text:has(+.game-control-button-image),.game-control-button-text.too-long{display:none!important}.game-control-button-image{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;pointer-events:none;display:block;transition:inherit;flex:1;min-height:0}.game-control-button-content:has(.game-control-button-text) .game-control-button-image{max-height:75%;flex:1}.game-control-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important;border:3px solid #000!important;filter:none!important;box-shadow:none!important}.game-control-button:disabled:hover,.game-control-button:disabled:focus{transform:none;filter:none}.base-game34-buttons-container .game-control-button{min-width:60px!important;min-height:60px!important;width:clamp(70px,14vw,130px)!important;height:clamp(70px,14vw,130px)!important;font-size:1.1rem}.base-game34-buttons-container .game-control-button .game-control-button-image{width:60%;height:auto}.base-game34-buttons-container .game-control-button .game-control-button-text{font-size:clamp(.65rem,1.2vw,.95rem);line-height:1.1;text-align:center;white-space:normal;word-break:break-word}@media (max-width: 600px),(max-height: 600px){.base-game34-buttons-container .game-control-button{width:clamp(48px,18vw,90px)!important;height:clamp(48px,18vw,90px)!important;min-width:40px!important;min-height:40px!important}.base-game34-buttons-container .game-control-button .game-control-button-text{font-size:clamp(.6rem,1vw,.8rem)}}.droppable-slot{width:var(--size-card);height:var(--size-card);min-width:var(--size-card);min-height:var(--size-card);flex:0 0 var(--size-card);aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;transition:all .2s;outline:none}.droppable-slot-hover{transform:scale(1.05)}.empty-slot{width:var(--size-card);height:var(--size-card);border-radius:50%;background:transparent;border:3px dashed transparent;transition:all .2s;cursor:default}.droppable-slot-target:focus-visible .empty-slot,.droppable-slot-target:focus-visible .number-card-v2{transform:scale(1.2);background:transparent;border-color:#000;border-style:solid;border-width:4px;box-shadow:none;z-index:5}.droppable-slot-target:hover .empty-slot{transform:scale(1.2);background:transparent;border-color:#000;border-style:solid;border-width:4px;box-shadow:none;z-index:5;animation:none}.droppable-slot-target .empty-slot{background:var(--bubble-bg, #d1d5db);border:3px dashed var(--bubble-selected-bg, #9ca3af);cursor:pointer}@media (max-width: 768px),(pointer: coarse){.droppable-slot{min-width:0;min-height:0}.empty-slot{width:0;height:0;background:transparent!important;border-color:transparent!important;opacity:0;visibility:hidden;margin:0;padding:0}.droppable-slot-target{min-width:var(--size-card);min-height:var(--size-card)}.droppable-slot-target .empty-slot{width:var(--size-card);height:var(--size-card);visibility:visible;opacity:1;background:var(--bubble-bg, #d1d5db)!important;border:3px dashed var(--bubble-selected-bg, #9ca3af)!important}}.droppable-slot-hover .empty-slot{background:#a5a5a5;border-color:#a5a5a5;border-width:4px;transform:scale(1.1)}.feedback-icon{position:absolute;font-size:3rem;z-index:10;animation:feedbackAppear .3s ease-in-out}.feedback-correct{color:#1ea377}.feedback-incorrect{color:#ef4444}@keyframes feedbackAppear{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.feedback-incorrect-slot{position:absolute;font-size:3rem;color:#ef4444;animation:shake-error .5s ease-in-out}.empty-slot{position:relative;display:flex;align-items:center;justify-content:center}.drop-zone-section-v2{margin-bottom:1rem}.drop-zone-v2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(80px,var(--size-card)),1fr));gap:var(--gap-card);justify-content:center;justify-items:center;align-items:center;align-content:center;padding:var(--pad-zone);background:var(--ion-color-primary-contrast);border-radius:16px;box-shadow:0 3px 10px #0000001a;width:100%;max-width:100%;height:100%;max-height:100%;overflow:hidden;box-sizing:border-box}.game2-content{--background: var(--ion-color-primary-contrast);--size-card: clamp(60px, min(11vw, 10vh), 120px);--gap-card: clamp(.35rem, .9vw, 1.1rem);--pad-zone: clamp(.45rem, 1.2vw, 1.2rem);height:100dvh;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none}.game2-content::part(scroll){overflow:hidden}.game2-main-wrapper{height:calc(100dvh - var(--header-height, 120px));display:flex;flex-direction:column;padding:var(--pad-zone) clamp(.5rem,2vw,2rem) clamp(.4rem,1vh,1rem);max-width:100%;margin:0 auto;box-sizing:border-box;overflow:hidden}.game2-container{flex:1 1 auto;max-width:100%;display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:clamp(.8rem,2vh,2rem);box-sizing:border-box;overflow:hidden;min-height:0}#available-zone{width:100%;height:100%;max-height:100%;overflow:hidden;box-sizing:border-box}.available-numbers-top{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(80px,var(--size-card)),1fr));gap:var(--gap-card);justify-content:center;justify-items:center;align-items:center;align-content:center;padding:var(--pad-zone);background:var(--ion-color-primary-contrast);border-radius:16px;box-shadow:0 3px 10px #0000001a;width:100%;max-width:100%;height:100%;max-height:100%;overflow:hidden;box-sizing:border-box}#drop-zone-container{width:100%;height:100%;max-height:100%;overflow:hidden;box-sizing:border-box}.number-card-v2{width:var(--size-card);height:var(--size-card);max-width:var(--size-card);max-height:var(--size-card);aspect-ratio:1 / 1;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:var(--bubble-bg);color:var(--tatomaths-text);font-size:clamp(2rem,5.5vw,4rem);font-weight:700;border-radius:50%;border:clamp(2px,.3vw,4px) solid var(--bubble-selected-bg);box-shadow:0 4px 14px #84acf14d;cursor:grab;transition:transform .2s ease,box-shadow .2s ease;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;position:relative;flex-shrink:0;touch-action:none}.number-value{font-family:Arial,sans-serif;z-index:1;color:#000}.number-card-v2:hover{transform:scale(1.2);box-shadow:0 6px 16px #84acf166;z-index:10}.available-numbers-top .number-card-v2:hover,.available-numbers-top .number-card-v2:focus-visible{border-color:#000!important;border-width:4px;box-shadow:none;transform:scale(1.2);outline:none}.number-card-v2:active{transform:scale(1.2);cursor:grabbing}.number-card-selected{transform:scale(1.2)!important;background:var(--bubble-selected-bg)!important;border-color:#000!important;box-shadow:0 4px 12px #0003!important;z-index:10}.number-card-dragging{background:var(--bubble-bg, #e5e7eb)!important;border:2px dashed var(--bubble-selected-bg, #000000)!important;box-shadow:none!important;cursor:default!important;transform:none!important}.number-card-dragging .number-value,.number-card-dragging .pictogram-image{opacity:0!important;visibility:hidden!important}.number-card-empty{background:var(--bubble-bg, #e5e7eb)!important;border:2px dashed var(--bubble-selected-bg, #000000)!important;box-shadow:none!important;cursor:default!important}.drag-preview{transform:scale(1.2);box-shadow:0 4px 12px #0003!important;cursor:grabbing;pointer-events:none}.pictogram-image{width:clamp(40px,55%,100px);height:clamp(40px,55%,100px);object-fit:contain;pointer-events:none}.check-button-container{display:flex;justify-content:space-between;align-items:center;padding:clamp(.4rem,.8vh,1rem) 0 0;max-width:100%;width:100%;margin:0 auto;gap:clamp(.8rem,2vw,2rem);flex-shrink:0;flex-grow:0;min-height:fit-content;box-sizing:border-box;position:relative;z-index:5;flex-wrap:wrap}.order-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.15rem,.25vh,.3rem);flex-shrink:0}.order-icon{font-size:clamp(2rem,5vw,4rem);font-weight:700;color:var(--ion-color-primary);line-height:1}.order-text{font-size:clamp(.8rem,2.5vw,1.4rem);font-weight:600;color:var(--ion-color-dark);text-align:center;white-space:nowrap}.check-button-container .game-control-button{width:clamp(90px,12vw,180px)!important;height:clamp(90px,12vw,180px)!important;min-width:clamp(90px,12vw,180px)!important;min-height:clamp(90px,12vw,180px)!important;margin:0;flex-shrink:0}.check-button-container .game-control-button:first-child{width:clamp(90px,12vw,180px)!important;height:clamp(90px,12vw,180px)!important;min-width:clamp(90px,12vw,180px)!important;min-height:clamp(90px,12vw,180px)!important}.droppable-slot-target .empty-slot{border:2px dashed var(--bubble-selected-bg, #6a98e7);background-color:var(--bubble-bg, rgba(106, 152, 231, .1));animation:pulse-target 1.5s ease-in-out infinite}@keyframes pulse-target{0%,to{transform:scale(1);border-color:#6a98e7}50%{transform:scale(1.05);border-color:#84acf1}}@keyframes shake-error{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.game2-video-modal-overlay{position:fixed;inset:0;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:10000;padding:1rem;animation:fadeIn .3s ease-in-out}.game2-video-modal-content{position:relative;max-width:90vw;max-height:90vh;background-color:#000;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000080;animation:slideIn .3s ease-out}.game2-video-close-button{position:absolute;top:10px;right:10px;width:36px;height:36px;background-color:#ffffffe6;border:none;border-radius:50%;font-size:20px;font-weight:700;color:#333;cursor:pointer;z-index:10001;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px #0000004d}.game2-video-close-button:hover{background-color:#fff;transform:scale(1.1)}.game2-video-close-button:active{transform:scale(.95)}.game2-video-player{width:100%;height:100%;max-width:90vw;max-height:90vh;display:block}.number-card-dragging-touch{background:var(--bubble-bg, #e5e7eb);border:2px solid var(--bubble-selected-bg, #000000);color:var(--tatomaths-text, #000000);opacity:.8;transform:scale(1.1)!important;box-shadow:0 6px 16px color-mix(in srgb,var(--ion-color-primary, #3b82f6) 60%,transparent);pointer-events:none;z-index:9999;transition:none}@media (max-width: 1024px) and (orientation: portrait){.game2-content{--size-card: clamp(55px, 12vw, 100px)}.check-button-container .game-control-button,.check-button-container .game-control-button:first-child{width:clamp(75px,14vw,130px)!important;height:clamp(75px,14vw,130px)!important;min-width:clamp(75px,14vw,130px)!important;min-height:clamp(75px,14vw,130px)!important}}@media (max-width: 600px) and (orientation: portrait){.game2-content{--size-card: clamp(50px, 18vw, 76px);--gap-card: clamp(.4rem, 1vw, .75rem);--pad-zone: clamp(.35rem, 1vw, .8rem)}.game2-main-wrapper{padding:.35rem .55rem .3rem}.game2-container{gap:clamp(.5rem,1.6vh,.9rem)}.available-numbers-top,.drop-zone-v2{grid-template-columns:repeat(auto-fit,minmax(min(70px,var(--size-card)),1fr));padding:clamp(.35rem,1vw,.7rem)}.number-card-v2{font-size:clamp(1.3rem,4.2vw,2.1rem);border-width:2px}.pictogram-image{width:clamp(32px,52%,60px);height:clamp(32px,52%,60px)}.check-button-container{gap:clamp(.4rem,1.5vw,.8rem);padding:clamp(.35rem,.8vh,.6rem) 0 0;justify-content:center}.check-button-container .game-control-button,.check-button-container .game-control-button:first-child{width:clamp(60px,16vw,95px)!important;height:clamp(60px,16vw,95px)!important;min-width:clamp(60px,16vw,95px)!important;min-height:clamp(60px,16vw,95px)!important}.order-icon{font-size:clamp(1.5rem,4vw,2.3rem)}.order-text{font-size:clamp(.65rem,2vw,1rem)}}@media (max-width: 400px) and (orientation: portrait){.game2-content{--size-card: clamp(46px, 16vw, 68px);--gap-card: clamp(.35rem, 1vw, .6rem)}.available-numbers-top{grid-template-columns:repeat(auto-fit,minmax(min(64px,var(--size-card)),1fr))}.number-card-v2{font-size:clamp(1.2rem,4vw,1.8rem)}.pictogram-image{width:clamp(30px,50%,48px);height:clamp(30px,50%,48px)}.check-button-container .game-control-button,.check-button-container .game-control-button:first-child{width:clamp(54px,15vw,82px)!important;height:clamp(54px,15vw,82px)!important;min-width:clamp(54px,15vw,82px)!important;min-height:clamp(54px,15vw,82px)!important}}@media (min-width: 401px) and (max-width: 600px) and (orientation: portrait) and (min-height: 700px){.game2-content{--size-card: clamp(55px, 18vw, 82px)}.available-numbers-top{grid-template-columns:repeat(auto-fit,minmax(min(72px,var(--size-card)),1fr));gap:clamp(.45rem,1.2vw,.85rem)}.number-card-v2{font-size:clamp(1.4rem,4.8vw,2.2rem)}.pictogram-image{width:clamp(34px,54%,62px);height:clamp(34px,54%,62px)}}@media (orientation: landscape) and (max-height: 600px){.game2-content{--size-card: clamp(50px, 11vh, 95px);--gap-card: clamp(.3rem, .8vw, .6rem)}.game2-container{gap:clamp(.5rem,1.8vh,1.2rem)}.available-numbers-top{grid-template-columns:repeat(auto-fit,minmax(min(80px,var(--size-card)),1fr))}.number-card-v2{font-size:clamp(1.3rem,3.8vw,2.2rem)}.pictogram-image{width:clamp(30px,50%,60px);height:clamp(30px,50%,60px)}.check-button-container{padding:clamp(.25rem,.6vh,.7rem) 0 0;gap:clamp(.5rem,1.5vw,1rem)}.check-button-container .game-control-button,.check-button-container .game-control-button:first-child{width:clamp(58px,10vh,105px)!important;height:clamp(58px,10vh,105px)!important;min-width:clamp(58px,10vh,105px)!important;min-height:clamp(58px,10vh,105px)!important}.order-icon{font-size:clamp(1.5rem,3.8vw,2.4rem)}.order-text{font-size:clamp(.65rem,2vw,1rem)}}@media (min-width: 1400px){.game2-content{--size-card: clamp(80px, 10vw, 150px)}.check-button-container .game-control-button,.check-button-container .game-control-button:first-child{width:clamp(110px,12vw,190px)!important;height:clamp(110px,12vw,190px)!important;min-width:clamp(110px,12vw,190px)!important;min-height:clamp(110px,12vw,190px)!important}}.Game-spinner{display:flex;justify-content:center;align-items:center;height:100vh}.base-game34-container{display:flex;flex-direction:column;gap:clamp(.4rem,1vh,.8rem);background:var(--ion-color-primary-contrast, #fff);height:calc(100vh - clamp(70px,13vh,115px));width:100vw;padding:clamp(.2rem,.7vh,.45rem) clamp(.2rem,1vw,.7rem);overflow:hidden!important;--target-total-height: clamp(10px, 1vh, 70px);--min-top-zone-height: clamp(5vw, 10vw, 140px);--max-top-zone-height: clamp(10vw, 20vw, 280px);--buttons-min-height: clamp(38px, 5vh, 60px);--layout-gap: clamp(.3rem, 1vh, .7rem)}.base-game34-objective{border-radius:16px;padding:5px 10px;background:var(--bubble-selected-bg);margin-left:auto;margin-right:auto;font-weight:700;font-size:1.2rem;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000000a;max-width:320px;min-height:var(--target-total-height);text-align:center}.base-game34-objective-value{color:var(--ion-primary-color);font-size:1.4rem;margin-left:6px}.base-game34-top-zone{display:flex;flex:0 1 auto;margin-bottom:clamp(.2rem,.7vh,.45rem);overflow:hidden!important}.base-game34-main-section{flex:1 1 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-auto-rows:1fr;min-height:0;gap:clamp(.4rem,1vw,1rem);padding:1.9em 0;overflow:hidden!important;max-height:100%;align-content:stretch;place-items:center}.base-game34-main-section .container-block{display:flex!important;flex-direction:column!important;height:100%!important;min-height:0!important;max-height:100%!important;box-sizing:border-box}.base-game34-main-section .container-visual,.base-game34-main-section .container-bg,.base-game34-main-section .container-zone{flex:1 1 0!important;min-height:0!important;max-height:100%!important;height:auto!important;box-sizing:border-box}.base-game34-main-section .container-content{height:100%!important;min-height:0!important;max-height:100%!important;box-sizing:border-box}.base-game34-main-section .container-total{flex:0 0 auto!important;height:auto!important;min-height:0!important;max-height:none!important;margin-top:.3em!important}.base-game34-buttons-container{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:clamp(.5rem,1.5vw,1.2rem);width:100%;margin-left:auto;margin-right:auto;padding:0;min-height:var(--buttons-min-height);position:static}html,body,#root,.base-game34-container{max-width:100vw!important;overflow-x:hidden!important;overflow-y:hidden!important}@media (max-width: 600px),(max-height: 600px){.base-game34-container{height:calc(100vh - clamp(70px,9vh,115px))}}.game-video-modal-overlay{position:fixed;inset:0;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:10000;padding:1rem;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.game-video-modal-content{position:relative;max-width:90vw;max-height:90vh;background-color:#000;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000080;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.game-video-close-button{position:absolute;top:10px;right:10px;width:40px;height:40px;background-color:#ffffffe6;border:none;border-radius:50%;font-size:24px;font-weight:700;color:#333;cursor:pointer;z-index:10001;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px #0000004d}.game-video-close-button:hover{background-color:#fff;transform:scale(1.1)}.game-video-close-button:active{transform:scale(.95)}.game-video-player{width:100%;height:100%;max-width:90vw;max-height:90vh;display:block}.draggable-number{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;margin:0;width:auto;height:auto;cursor:grab;-webkit-user-select:none;user-select:none;transition:transform .12s ease,opacity .12s ease,filter .12s ease,box-shadow .12s ease}.draggable-number.dragging{cursor:grabbing}.draggable-number.dragging-hidden .nm-number-circle{visibility:hidden}.drag-preview{pointer-events:none;transform-origin:center center;transition:transform .12s ease,box-shadow .12s ease;box-shadow:0 10px 30px #00000040;transform:translateY(-6px) scale(1.03);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.drag-preview .nm-number-circle{transform:none!important;margin:0!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;border-radius:50%!important}.drag-preview .nm-number-value{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;line-height:1!important;font-size:inherit!important;padding:0!important;margin:0!important}.drag-preview .nm-pictogram-image{width:70%!important;height:70%!important;max-width:70%!important;max-height:70%!important;object-fit:contain!important;display:block!important;margin:0 auto!important}.drag-preview .nm-number-value,.drag-preview .nm-pictogram-image{opacity:1}.draggable-number.disabled{pointer-events:none;cursor:not-allowed;opacity:1}.draggable-number.disabled .nm-number-circle{background-color:var(--bubble-selected-bg)!important;opacity:.6!important;color:#fffffff2!important;box-shadow:none!important;border:2px solid rgba(0,0,0,.06)!important;transform:none!important}.draggable-number.disabled .nm-pictogram-image{opacity:.95!important;filter:none!important}.draggable-number .nm-number-wrapper{margin:0;padding:0;width:auto;height:auto}.draggable-number-bubble{width:clamp(48px,6.5vw,100px);height:clamp(48px,6.5vw,100px)}.draggable-number .nm-number-value{font-size:clamp(1vw,3vw,5vw)}.container-block{display:flex;flex-direction:column;width:100%}.container-visual{position:relative;display:flex;align-items:stretch;justify-content:center;flex:0 0 auto;min-height:0;height:auto;max-height:none;overflow:visible;width:100%;box-sizing:border-box;padding:.6em .8em}.container-bg{width:100%;max-width:48vw;min-height:0;height:auto;max-height:none;aspect-ratio:auto;background-position:center bottom;background-size:100% 100%;filter:drop-shadow(0 6px 12px rgba(0,0,0,.25));align-self:stretch;margin-left:auto;margin-right:auto;justify-content:center;align-items:stretch;box-sizing:border-box;padding:.6em .8em}.container-zone{flex:0 0 auto;background:#e6e8ef;border:1px solid #D0D1D6;border-radius:16px;width:100%;min-height:0;height:auto;max-height:none;align-items:stretch;box-sizing:border-box;padding:.6em .8em}.container-total{flex:0 0 auto;min-height:18px;max-height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f5f5,#e0e0e0);border-radius:12px;padding:.2em .6em;margin-top:clamp(.2rem,.5vh,.4rem);box-shadow:0 2px 8px #0000001a;border:2px solid rgba(0,0,0,.08);max-width:100%;align-self:center;overflow:hidden}.container-total-text{font-size:clamp(1rem,2vw,1.3rem);font-weight:700;color:#2c3e50;letter-spacing:.05em;text-align:center;line-height:1.1;display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;white-space:nowrap;overflow:hidden}.total-operation{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;opacity:.9;font-size:1em}.total-equals{flex:0 0 auto;opacity:.9;font-weight:900;font-size:1.05em;margin:0 clamp(.1rem,.5vw,.3rem)}.total-result{flex:0 0 auto;color:var(--ion-color-primary);font-weight:900;font-size:1.15em}.container-content{position:relative;top:0;left:0;width:100%;height:auto;min-height:clamp(48px,6.5vw,100px);display:flex;flex-wrap:wrap-reverse;gap:clamp(.3rem,1vw,.8rem);justify-content:flex-start;align-content:flex-start;margin:0;box-sizing:border-box}.container-chest{justify-content:center}.container-content-zone{justify-content:center;align-content:center}.container-content.debug-visible{background:#ff00001f;border:2px dashed rgba(255,0,0,.45)}.container-content.debug-visible:before{content:"DROP ZONE";position:absolute;top:6px;left:50%;transform:translate(-50%);font-size:10px;font-weight:700;color:#ff0000b3;background:#ffffffd9;padding:2px 6px;border-radius:4px;z-index:3}.container-number-static{display:inline-flex;justify-content:center;align-items:center;width:clamp(56px,10vw,110px);height:clamp(56px,10vw,110px);border-radius:50%;background:#fff;color:#000;font-weight:700;font-size:clamp(1rem,3.2vw,1.4rem);box-shadow:0 4px 12px #00000026;border:2px solid rgba(0,0,0,.08);margin:clamp(.2rem,.8vw,.5rem);-webkit-user-select:none;user-select:none;pointer-events:none}@media (max-width: 1024px) and (orientation: portrait){.container-bg{max-width:82vw;min-height:0;max-height:none;height:auto;padding:.5em}.container-content{left:5%;width:90%;height:auto;min-height:64px;gap:clamp(.25rem,.9vw,.6rem)}.container-number-static{width:clamp(52px,16vw,120px);height:clamp(52px,16vw,120px);font-size:clamp(.95rem,3.2vw,1.3rem)}.container-total{min-height:clamp(36px,8vh,60px);padding:clamp(.5rem,1.5vh,1rem) clamp(.8rem,2.5vw,1.5rem)}.container-total-text{font-size:clamp(1.2rem,3.8vw,1.8rem);gap:clamp(.4rem,1.8vw,1rem)}.container-zone{padding:clamp(.3rem,.8vh,.55rem);min-height:0;max-height:none;height:auto;padding:.5em}}@media (max-width: 600px) and (orientation: portrait){.container-bg{max-width:92vw;min-height:0;max-height:none;height:auto;padding:.4em .3em}.container-content{left:0;width:100%;height:auto;min-height:56px;gap:clamp(.2rem,.8vw,.5rem);justify-content:center;align-items:center}.container-content-zone{justify-content:center!important;align-content:center!important;align-items:center!important}.container-number-static{width:clamp(50px,21vw,104px);height:clamp(50px,21vw,104px);font-size:clamp(.9rem,3.6vw,1.2rem)}.container-total{min-height:clamp(32px,6vh,52px);padding:clamp(.4rem,1.2vh,.8rem) clamp(.6rem,2vw,1.2rem)}.container-total-text{font-size:clamp(1.1rem,4vw,1.6rem);gap:clamp(.3rem,1.5vw,.8rem)}.container-zone{padding:clamp(.3rem,.8vh,.55rem);min-height:0;max-height:none;height:auto;padding:.4em .3em}}@media (orientation: landscape) and (max-height: 600px){.container-bg{max-width:46vw;min-height:0;max-height:none;height:auto;padding:.4em .3em}.container-zone{padding:.4em .3em;min-height:0;max-height:none;height:auto}.container-visual{padding:.4em .3em}.container-content{left:5%;width:90%;height:auto;min-height:56px;gap:clamp(.2rem,.8vw,.5rem)}.container-number-static{width:clamp(50px,14vh,110px);height:clamp(50px,14vh,110px);font-size:clamp(.9rem,2.2vh,1.2rem)}.container-total{min-height:clamp(30px,7vh,50px);padding:clamp(.4rem,1vh,.7rem) clamp(.7rem,2vw,1.3rem)}.container-total-text{font-size:clamp(1rem,3vh,1.5rem);gap:clamp(.3rem,1.2vw,.7rem)}.container-zone{padding:clamp(.3rem,.8vh,.55rem);min-height:0;max-height:none;height:auto;padding:.4em .3em}}.LinkProfiles-items{border:3px solid var(--ion-color-primary);overflow-y:auto;border-radius:20px;flex-grow:1;width:100%;position:relative}.LinkProfiles-tables{display:flex;flex-direction:row;flex-wrap:nowrap;text-align:center;justify-content:center;gap:20px;width:100%;flex-grow:1;padding-left:20px;padding-right:20px;padding-bottom:0;margin-bottom:10px}.LinkProfiles-table{display:flex;flex-direction:column;flex-wrap:nowrap;flex-grow:1 1;width:40%;height:50vh}.LinkProfiles-searchbar{display:flex;flex-direction:row;align-items:center;text-align:center;flex-shrink:0}.LinkProfiles-title{font-family:var(--ion-font-family);color:var(--ion-color-primary);margin-bottom:10px}ion-button.LinkProfiles-button::part(native){background-color:var(--ion-color-primary);color:#fff;border-radius:40px;border:none;font-family:var(--ion-font-family);font-weight:var(--ion-weight-regular);box-shadow:none}ion-button.LinkProfiles-button::part(native):hover{background-color:var(--ion-color-light-shade)}.LinkProfiles-buttons{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:60px;padding-bottom:20px}.LinkProfiles-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;width:100%;height:auto;z-index:10}@media (min-width: 670px) and (max-width: 890px){.LinkProfiles-searchbar{flex-direction:column;gap:10px}.LinkProfiles-table{width:80%}.LinkProfiles-buttons{gap:40px}}@media (min-width: 376px) and (max-width: 669px){.LinkProfiles-tables{flex-direction:column;align-items:center;gap:20px}.LinkProfiles-table{width:90%;height:30vh}.LinkProfiles-buttons{gap:20px}}@media (max-width: 375px){.LinkProfiles-tables{flex-direction:column;align-items:center;gap:20px}.LinkProfiles-buttons{gap:0px}.LinkProfiles-table{width:120%;height:30vh}}@media (min-height: 640px) and (max-height: 800px){.LinkProfiles-table{height:50vh}}@media (max-height: 639px){.LinkProfiles-table{height:40vh}}@media (min-height: 640px) and (max-height: 800px) and (max-width: 669px){.LinkProfiles-table{height:25vh}.LinkProfiles-tables{flex-direction:column;align-items:center;gap:20px}}@media (max-height: 639px) and (max-width: 669px){.LinkProfiles-table{height:23vh}.LinkProfiles-title{font-size:1.2rem}}.class-select-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:30px}ion-label.select-class-label{font-family:var(--ion-font-family);font-weight:var(--ion-weight-regular);color:var(--ion-color-primary);flex-shrink:0;font-size:2rem}ion-select.select-class{position:relative;background:#f5f5f5;border-radius:50px;padding:12px 10px;border:1px solid #ddd;box-shadow:0 2px 4px #0000001a;--highlight-background: transparent;--highlight-color: transparent;--highlight-height: 0px;border-bottom:none!important;font-family:var(--ion-font-family);color:#000;font-weight:var(--ion-weight-regular)}ion-select.select-class::part(placeholder){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center}ion-select.select-class::part(text){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center}ion-select.select-class::part(icon){opacity:1;color:#565353;font-size:20px;position:absolute;right:16px;top:50%;transform:translateY(-50%)}@media (max-width: 669px){.class-select-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;padding:20px 10px}ion-label.select-class-label{font-size:1.5rem}ion-select.select-class{height:40px}ion-select.select-class::part(icon){display:none}ion-select.select-class::part(placeholder),ion-select.select-class::part(text){font-size:.9rem;top:25%}}@media (min-height: 640px) and (max-height: 800px){.class-select-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;padding:20px 10px}}@media (max-height: 639px){.class-select-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;padding:20px 10px}ion-label.select-class-label{font-size:1rem}ion-select.select-class{height:40px}ion-select.select-class::part(placeholder),ion-select.select-class::part(text){font-size:.9rem;top:25%}ion-select.select-class::part(icon){top:25%}}.userItem-item{--padding-start: 0;--inner-padding-end: 0}.userItem-mainContainer{display:flex;flex-direction:row;width:100%;padding:15px;border-bottom:1px solid gray;align-items:center;gap:15px}.userItem-checkbox{margin-right:5px}.userItem-avatar{width:56px;height:56px;overflow:hidden;min-width:56px;min-height:56px;border-radius:50%}.userItem-avatar img{width:100%;height:100%;object-fit:cover;display:block;margin:0}.userItem-name{font-size:16px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex-grow:1;flex-shrink:0;text-align:center}.userItem-class{display:flex;flex-direction:column;text-align:right;flex-shrink:0;min-width:80px}.userItem-mainContainer.userItem-highlight{background-color:#a9daf3}.admin-dashboard-outer-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100vh;padding-top:50px;box-sizing:border-box;width:100%}.admin-dashboard-card{max-width:330px;width:100%;margin:0;background-color:var(--ion-color-primary)}.admin-dashboard-main-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background-color:var(--ion-color-primary);border-radius:16px;max-width:350px;height:auto}ion-button.admin-dashboard-button::part(native){width:170px;height:48px;background-color:#fff;color:var(--ion-color-primary);border-radius:40px;border:none;margin-bottom:20px;font-family:var(--ion-font-family);font-weight:var(--ion-weight-regular);box-shadow:none}ion-button.admin-dashboard-button::part(native):hover{background-color:var(--ion-color-light)}.teacherManagementItem-item{--padding-start: 12px;--inner-padding-end: 12px}.teacherManagementItem-mainContainer{display:flex;width:100%;padding:15px;border-bottom:1px solid gray;justify-content:space-between;align-items:center}.teacherManagementItem-avatar{width:56px;height:56px;overflow:hidden;min-width:56px;min-height:56px;border-radius:50%}.teacherManagementItem-avatar img{width:100%;height:100%;object-fit:cover;display:block;margin:0}.teacherManagementItem-name{font-size:16px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}ion-button.teacherManagementItme-EditButton::part(native){background-color:#fff;--width: 20px;--height: 20px;border-radius:10px;border:2px solid var(--ion-color-primary);box-shadow:none;padding:3px}ion-button.teacherManagementItme-EditButton ion-icon{color:var(--ion-color-primary);background-color:#fff;width:30px;height:30px}.teacherManagement-MainContainer{display:flex;flex-direction:column;width:80%;height:90%;margin:20px auto auto}.teacherManagement-TextAddButton{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:20px}.teacherManagement-TextTeacher{color:var(--ion-color-primary);font-size:30px}ion-button.teacherManagement-AddButoon::part(native){border-radius:40px;height:36px;padding:15px;display:flex;align-items:center;justify-content:center;background-color:var(--ion-color-primary);color:#fff;border:none;box-shadow:none}.teacherManagement-teacherTable{border:3px solid var(--ion-color-primary);overflow-y:auto;border-radius:20px;height:90%}.user-management-spinner{display:flex;justify-content:center;align-items:center;height:100%;width:100%;position:fixed;top:0;left:0}.groupItem-item{--padding-start: 12px;--inner-padding-end: 12px}.groupItem-mainContainer{display:flex;width:100%;padding:15px;border-bottom:1px solid gray;justify-content:space-between;align-items:center}.groupItem-name{font-size:16px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}ion-button.groupItem-IconButton::part(native){background-color:#fff;--width: 20px;--height: 20px;border-radius:10px;border:2px solid var(--ion-color-primary);box-shadow:none;padding:3px}ion-button.groupItem-IconButton ion-icon{color:var(--ion-color-primary);background-color:#fff;width:30px;height:30px}.groupManagement-MainContainer{display:flex;flex-direction:column;width:80%;height:90%;margin:20px auto auto}.groupManagement-TextAddButton{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:20px}.groupManagement-Text{color:var(--ion-color-primary);font-size:30px}ion-button.groupManagement-AddButton::part(native){border-radius:40px;height:36px;padding:15px;display:flex;align-items:center;justify-content:center;background-color:var(--ion-color-primary);color:#fff;border:none;box-shadow:none}.groupManagement-Searchbar{width:500px}.groupManagement-Table{border:3px solid var(--ion-color-primary);overflow-y:auto;border-radius:20px;flex-grow:1;width:100%}.group-management-spinner{display:flex;justify-content:center;align-items:center;height:100%;width:100%;position:fixed;top:0;left:0}.group-register-main-container{display:flex;flex-direction:column;align-items:center;font-family:Atkinson Hyperlegible,sans-serif;background-color:#fff;min-height:100vh;width:100%;padding:1.5rem;transform:scale(1.5);transform-origin:top center}.group-register-form-card{width:95%;max-width:400px;background-color:var(--ion-color-primary);border-radius:24px;padding:1.8rem 1.5rem;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;gap:1.2rem;position:relative;z-index:1}.group-register-form-container-header{text-align:center}.group-register-form-container-header h2{color:#fff;font-size:1.4rem;margin:0 0 .5rem}.group-register-form-container-header p{color:#000;font-size:1rem;margin:0}@media (min-width: 768px){.group-register-form-card{padding:2rem}.group-register-form-container-header h2{font-size:1.5rem}}.group-register-form-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem}.group-register-field-wrapper{width:100%;max-width:300px;margin:0 auto;display:flex;flex-direction:column}.group-register-field-label{color:#000;font-size:.9rem;margin:.4rem .3rem}ion-input.group-register-input-item{--background: white;--border-radius: 20px;--padding-start: 1rem;--padding-end: 1rem;--padding-top: .5rem;--padding-bottom: .5rem;width:100%;border:none;margin:0}.group-register-input-with-icon{display:flex;align-items:center;position:relative}.group-register-input-with-icon ion-icon:last-child{position:absolute;right:12px;font-size:1.4rem;cursor:pointer;z-index:2}.group-register-input-with-icon ion-icon:first-child{padding-left:12px;font-size:1.4rem;color:var(--ion-color-medium)}.group-register-buttons{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:15%;width:100%}.group-register-confirm-button{--background: white;--color: var(--ion-color-primary);--border-radius: 20px;--padding: .8rem 1.5rem;font-size:1rem;width:100%;max-width:300px}.group-register-cancel-button{--background: rgb(0, 110, 255);--color: #ffffff;--border-radius: 20px;--padding: .8rem 1.5rem;font-size:1rem;width:100%;max-width:300px}.group-register-confirm-button::part(native){box-shadow:0 4px 12px #0000001a;border:none;outline:none}.group-register-confirm-button:hover::part(native){background-color:#f0f0f0}.group-register-confirm-button--disabled{opacity:.8}.group-register-confirm-button--disabled::part(native){cursor:not-allowed!important}.group-register-toast ion-toast{--background: #f44336;--color: white}@media (max-width: 768px){.teacher-register-grid-content{grid-template-columns:1fr}.teacher-register-form-right{margin-top:1.2rem}.teacher-register-picto-grid{grid-template-columns:repeat(2,1fr)}}.TeacherProfile-content{--background: var(--ion-color-primary-contrast)}.studentTable{border:3px solid var(--ion-color-primary);overflow-y:auto;width:80%;height:85%;border-radius:20px;margin:auto;background-color:var(--ion-color-primary-contrast)}.TeacherProfile-StudentList{background-color:var(--ion-color-primary-contrast)}.perfilProfesor-buscador{width:350px;margin:auto;padding-top:15px}.infoButtons-teacherProfile{height:auto}.teacher-profile-spinner{display:flex;justify-content:center;align-items:center;height:100vh}.student-item{--padding-start: 12px;--inner-padding-end: 12px;--background: var(--ion-color-primary-contrast)}.student-item__inner{display:flex;align-items:center;gap:20px;width:100%;padding:15px;border-bottom:1px solid gray;background-color:var(--ion-color-primary-contrast)}.student-item__avatar{width:56px;height:56px;min-width:56px;min-height:56px;overflow:hidden;border-radius:50%}.student-item__avatar img{width:100%;height:100%;object-fit:cover;display:block;margin:0}.student-item__text{width:100%;display:flex;flex-direction:row;justify-content:space-between;gap:30px;overflow:hidden;font-family:var(--tatomaths-font)}.student-item__name{font-size:20px;font-weight:600;width:120px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.student-item__icons{display:flex;gap:10px}.student-item__icons ion-icon{color:var(--ion-color-primary);background-color:var(--ion-color-primary-contrast);width:30px;height:30px;box-shadow:none;border-radius:1px}ion-button.StudentItem_perfilProfesor_Button{background:var(--ion-color-primary-contrast);border:2px solid var(--ion-color-primary);border-radius:10px;box-shadow:none}@media (max-width: 480px){.student-item__class{display:none}}ion-header.headerBackground-teacherProfile{color:#fff;box-shadow:none;width:100%;height:clamp(80px,20vh,200px)}ion-toolbar.toolbarTransparent-teacherProfile{--background: var(--ion-color-primary);--border-width: 0;--padding-top: 0;--padding-bottom: 0;--padding-start: clamp(8px, 2vw, 16px);--padding-end: clamp(8px, 2vw, 16px);height:100%;min-height:clamp(80px,20vh,200px);display:flex;align-items:center;align-content:center}.container-teacherProfile{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%;background:var(--ion-color-primary)}ion-button.homeButton-teacherProfile{align-self:center;margin:0 20px;flex-shrink:0}ion-button.homeButton-teacherProfile::part(native){background:var(--button-profile-bg);border-radius:10px;--width: 20px;--height: 20px;border:none}ion-button.homeButton-teacherProfile ion-icon{color:var(--ion-color-primary);background-color:var(--button-profile-bg);width:30px;height:30px}.profileAvatar-teacherProfile{width:120px;height:120px;border:6px solid white;border-radius:50%;overflow:hidden;margin-left:10px;flex:0 0 auto}.profileAvatar-teacherProfile img{width:100%;height:100%;object-fit:cover;object-position:center}.infoButtons-teacherProfile{display:flex;flex-direction:row;flex-wrap:nowrap;flex:1;justify-content:space-between;align-items:center;margin-left:20px;min-width:0}.profileName-teacherProfile{font-size:clamp(24px,4vw,50px);font-weight:600;font-family:var(--tatomaths-font);color:var(--tatomaths-text-primary);text-align:left;white-space:nowrap}ion-buttons.actionButtons-teacherProfile{display:flex;gap:8px;justify-content:flex-end;align-items:center;margin-right:10px;flex-shrink:0}ion-button.editButton-teacherProfile,ion-button.logoutButton-teacherProfile{margin-bottom:0}ion-button.editButton-teacherProfile::part(native),ion-button.logoutButton-teacherProfile::part(native){border-radius:18px;height:50px;width:auto;min-width:100px;padding:0 10px;display:flex;align-items:center;justify-content:center}ion-button.editButton-teacherProfile{--width: 70px;--height: 48px;background-color:var(--button-profile-bg);color:var(--ion-color-primary);border-radius:40px;border:2px solid var(--ion-color-primary);font-family:var(--tatomaths-font)}ion-button.logoutButton-teacherProfile{--width: 50px;--height: 48px;background-color:var(--button-profile-bg);color:var(--ion-color-primary);border-radius:40px;border:2px solid var(--ion-color-primary);font-family:var(--tatomaths-font)}@media (max-width: 480px){.profileAvatar-teacherProfile{width:80px;height:80px;border-width:3px}.profileName-teacherProfile{font-size:20px}ion-button.editButton-teacherProfile::part(native),ion-button.logoutButton-teacherProfile::part(native){min-width:50px;height:32px;font-size:10px}.actionButtons-teacherProfile{flex-direction:column}}@media (min-width: 481px) and (max-width: 1024px){.profileAvatar-teacherProfile{width:110px;height:110px}.profileName-teacherProfile{font-size:30px}}.teacher-edit-profile-content{--background: var(--ion-color-primary-contrast)}.teacher-edit-profile-content::part(scroll){display:flex;flex-direction:column}.teacher-edit-profile-main-container{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Atkinson Hyperlegible,sans-serif;background-color:var(--ion-color-primary-contrast);flex:1;width:100%;padding:1rem;box-sizing:border-box;min-height:0}.teacher-edit-profile-form-card{width:100%;max-width:600px;background-color:var(--ion-color-primary);border-radius:16px;padding:1.2rem;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;gap:1rem;position:relative;z-index:1;box-sizing:border-box;flex-shrink:1;overflow-y:auto;max-height:100%}.teacher-edit-profile-form-container-header{text-align:center;flex-shrink:0}.teacher-edit-profile-form-container-header h2{color:#fff;font-size:1.2rem;margin:0 0 .3rem;font-weight:700}.teacher-edit-profile-form-container-header p{color:#fff;font-size:.85rem;margin:0}@media (min-width: 768px){.teacher-edit-profile-form-card{padding:2rem;border-radius:24px;gap:1.5rem;max-height:calc(100vh - 6rem)}.teacher-edit-profile-form-container-header h2{font-size:1.8rem;margin-bottom:.5rem}.teacher-edit-profile-form-container-header p{font-size:1.1rem}}@media (min-width: 1024px){.teacher-edit-profile-main-container{padding:2rem}.teacher-edit-profile-form-card{max-width:700px;padding:2.5rem;max-height:calc(100vh - 8rem)}.teacher-edit-profile-form-container-header h2{font-size:2rem}.teacher-edit-profile-form-container-header p{font-size:1.2rem}}.teacher-edit-profile-grid-content{display:grid;grid-template-columns:1fr;gap:1rem;width:100%;flex-shrink:1;min-height:0}.teacher-edit-profile-form-left,.teacher-edit-profile-form-right{display:flex;flex-direction:column;justify-content:center;width:100%;min-height:0;gap:.5rem}.teacher-edit-profile-form-left{order:2}.teacher-edit-profile-form-right{order:1}.teacher-edit-profile-form-right .teacher-edit-profile-field-label{text-align:center;color:#fff}.teacher-edit-profile-profile-image-container{display:flex;justify-content:center;align-items:center;margin-top:.5rem;cursor:pointer}.teacher-edit-profile-profile-placeholder{display:flex;justify-content:center;align-items:center;width:70px;height:70px;border-radius:16px;background-color:var(--ion-color-primary);border:2px solid white;box-shadow:0 2px 6px #0000001a;color:#fff;font-size:40px;line-height:1;margin:0;padding:0;overflow:hidden}.teacher-edit-profile-selected-image{width:70px;height:70px;object-fit:cover;border-radius:16px;border:2px solid white;box-shadow:0 2px 6px #0000001a}@media (min-width: 768px),(orientation: landscape){.teacher-edit-profile-grid-content{grid-template-columns:1.5fr 1fr;gap:2rem}.teacher-edit-profile-form-left{order:1}.teacher-edit-profile-form-right{order:2}.teacher-edit-profile-profile-placeholder{width:90px;height:90px;font-size:50px}.teacher-edit-profile-selected-image{width:90px;height:90px}}@media (min-width: 1024px){.teacher-edit-profile-grid-content{grid-template-columns:2fr 1fr;gap:2.5rem}.teacher-edit-profile-profile-placeholder{width:100px;height:100px;font-size:56px}.teacher-edit-profile-selected-image{width:100px;height:100px}}.teacher-edit-profile-field-wrapper{width:100%;display:flex;flex-direction:column;min-height:0}.teacher-edit-profile-field-label{color:#fff;font-size:.85rem;margin:.3rem 0;font-weight:500;flex-shrink:0}ion-input.teacher-edit-profile-input-item{--background: white;--border-radius: 100px;--padding-start: 1rem;--padding-end: 2.5rem;--padding-top: .6rem;--padding-bottom: .6rem;width:100%;border:none;margin:0;font-size:.9rem;min-height:40px;flex-shrink:0}.teacher-edit-profile-input-with-icon{display:flex;align-items:center;position:relative;flex-shrink:0}.teacher-edit-profile-input-with-icon ion-icon:last-child{position:absolute;right:12px;font-size:1.3rem;cursor:pointer;z-index:2;flex-shrink:0;color:#666}.teacher-edit-profile-input-with-icon ion-icon:first-child{padding-left:12px;font-size:1.3rem;color:var(--ion-color-medium);flex-shrink:0}@media (min-width: 768px){.teacher-edit-profile-field-label{font-size:1rem;margin:.4rem 0}ion-input.teacher-edit-profile-input-item{--border-radius: 100px;--padding-top: .7rem;--padding-bottom: .7rem;font-size:1rem}.teacher-edit-profile-input-with-icon ion-icon:last-child{font-size:1.5rem}.teacher-edit-profile-input-with-icon ion-icon:first-child{font-size:1.5rem}}@media (min-width: 1024px){.teacher-edit-profile-field-label{font-size:1.1rem}ion-input.teacher-edit-profile-input-item{font-size:1.05rem;--padding-top: .8rem;--padding-bottom: .8rem}}.teacher-edit-profile-form-button-container{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.8rem;margin-top:.5rem;flex-shrink:0}.teacher-edit-profile-confirm-button{--background: white;--color: var(--ion-color-primary);--border-radius: 100px;--padding-top: .7rem;--padding-bottom: .7rem;font-size:.95rem;width:100%;max-width:100%;font-weight:600;order:2;border:2px solid var(--ion-color-primary)}.teacher-edit-profile-cancel-button{--background: white;--color: var(--ion-color-primary);--border-radius: 100px;--padding-top: .7rem;--padding-bottom: .7rem;font-size:.95rem;width:100%;max-width:100%;font-weight:600;order:1;border:2px solid var(--ion-color-primary)}.teacher-edit-profile-confirm-button::part(native){box-shadow:0 4px 12px #0000001a;border:none;outline:none}.teacher-edit-profile-cancel-button::part(native){box-shadow:0 2px 8px #00000014;outline:none}.teacher-edit-profile-confirm-button:hover::part(native){opacity:.9}.teacher-edit-profile-cancel-button:hover::part(native){background-color:#f5f5f5}.teacher-edit-profile-confirm-button--disabled{opacity:.6}.teacher-edit-profile-confirm-button--disabled::part(native){cursor:not-allowed!important}@media (min-width: 768px){.teacher-edit-profile-form-button-container{gap:1rem;margin-top:1rem}.teacher-edit-profile-confirm-button,.teacher-edit-profile-cancel-button{--border-radius: 100px;--padding-top: .9rem;--padding-bottom: .9rem;font-size:1.1rem;max-width:250px}}@media (min-width: 1024px){.teacher-edit-profile-confirm-button,.teacher-edit-profile-cancel-button{font-size:1.15rem;max-width:280px;--padding-top: 1rem;--padding-bottom: 1rem}}.teacher-edit-profile-confirmation-card{width:320px;max-width:90vw;border-radius:50px;background-color:var(--ion-color-primary);box-shadow:0 4px 12px #0000001a;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-family:Atkinson Hyperlegible,sans-serif;margin:auto}.teacher-edit-profile-confirmation-header{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0!important;text-align:center;width:100%;gap:8px}.teacher-edit-profile-confirmation-icon-container{background-color:var(--ion-color-primary);width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.teacher-edit-profile-confirmation-icon{font-size:100px;color:#fff}.teacher-edit-profile-confirmation-title{font-size:1.4rem;color:#000;margin:0;font-family:Atkinson Hyperlegible,sans-serif;font-weight:400}.teacher-edit-profile-confirmation-message{color:#000;font-size:1rem;margin:16px 0 28px;line-height:1.5;font-family:Atkinson Hyperlegible,sans-serif;padding:0}.teacher-edit-profile-confirmation-button-container{width:100%;display:flex;justify-content:center}.teacher-edit-profile-confirmation-button{--background: white;--color: var(--ion-color-primary);--border-radius: 24px;--padding-top: 16px;--padding-bottom: 16px;--padding-start: 24px;--padding-end: 24px;--box-shadow: none !important;font-size:1.1rem;font-weight:700;margin-top:10px;width:95%;max-width:280px;min-height:56px;font-family:Atkinson Hyperlegible,sans-serif}.teacher-edit-profile-confirmation-button::part(native){border-radius:100px;font-family:Atkinson Hyperlegible,sans-serif!important}.teacher-edit-profile-toast ion-toast{--background: #f44336;--color: white}.teacher-edit-profile-avatar-picker-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:10001}.teacher-edit-profile-avatar-picker{background:#fff;border-radius:24px;display:flex;flex-direction:column;overflow:hidden;box-shadow:none;max-height:80vh;animation:pickerPopIn .3s cubic-bezier(.175,.885,.32,1.275);box-sizing:border-box}@keyframes pickerPopIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.teacher-edit-profile-picto-picker-header{padding:16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee}.teacher-edit-profile-picto-picker-header h3{margin:0;font-size:1.2rem;color:#333}.teacher-edit-profile-picto-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:16px;padding:24px;overflow-y:auto}.teacher-edit-profile-picto-option{display:flex;flex-direction:column;align-items:center;cursor:pointer;text-align:center}.teacher-edit-profile-picto-option ion-img{width:70px;height:70px;object-fit:contain;margin-bottom:8px}.teacher-edit-profile-picto-option span{font-size:14px;color:#333}.teacher-edit-profile-upload-avatar-placeholder{width:70px;height:70px;border:2px dashed var(--ion-color-medium);border-radius:20px;display:flex;align-items:center;justify-content:center;background-color:var(--ion-color-light);margin-bottom:8px}.teacher-edit-profile-upload-icon{font-size:30px;color:var(--ion-color-medium)}.teacher-edit-profile-spinner{display:flex;justify-content:center;align-items:center;height:100%}@media (max-width: 360px){.teacher-edit-profile-main-container{padding:.5rem}.teacher-edit-profile-form-card{padding:.8rem;border-radius:12px;gap:.7rem}.teacher-edit-profile-form-container-header h2{font-size:1rem}.teacher-edit-profile-form-container-header p{font-size:.75rem}.teacher-edit-profile-grid-content{gap:.8rem}.teacher-edit-profile-field-label{font-size:.8rem;margin:.2rem 0}ion-input.teacher-edit-profile-input-item{font-size:.85rem;--padding-top: .5rem;--padding-bottom: .5rem;--padding-start: .8rem}.teacher-edit-profile-input-with-icon ion-icon:last-child{font-size:1.2rem}.teacher-edit-profile-profile-placeholder,.teacher-edit-profile-selected-image{width:65px;height:65px}.teacher-edit-profile-profile-placeholder{font-size:38px}.teacher-edit-profile-confirm-button,.teacher-edit-profile-cancel-button{font-size:.9rem;--padding-top: .6rem;--padding-bottom: .6rem}}@media (max-height: 600px) and (orientation: landscape){.teacher-edit-profile-main-container{padding:.5rem .3rem}.teacher-edit-profile-form-card{padding:.6rem;gap:.4rem;max-height:calc(100vh - 3rem);margin-top:.5rem}.teacher-edit-profile-form-container-header{margin-bottom:0}.teacher-edit-profile-form-container-header h2{font-size:.9rem;margin-bottom:.1rem}.teacher-edit-profile-form-container-header p{font-size:.7rem}.teacher-edit-profile-grid-content{gap:.5rem;grid-template-columns:1.2fr .8fr}.teacher-edit-profile-form-left{gap:.3rem}.teacher-edit-profile-form-right{display:flex;flex-direction:column;justify-content:stretch;height:100%}.teacher-edit-profile-form-right .teacher-edit-profile-field-wrapper{flex:1;display:flex;flex-direction:column;justify-content:center}.teacher-edit-profile-form-right .teacher-edit-profile-field-label{flex-shrink:0}.teacher-edit-profile-profile-image-container{flex:1;display:flex;align-items:center;justify-content:center;margin-top:.2rem}.teacher-edit-profile-field-wrapper{margin-bottom:0}.teacher-edit-profile-field-label{margin:.1rem 0;font-size:.7rem}ion-input.teacher-edit-profile-input-item{--padding-top: .3rem;--padding-bottom: .3rem;--padding-start: .7rem;--padding-end: 2rem;--border-radius: 100px;font-size:.8rem;min-height:32px}.teacher-edit-profile-input-with-icon ion-icon:last-child{font-size:1rem;right:8px}.teacher-edit-profile-profile-placeholder,.teacher-edit-profile-selected-image{width:100%;height:auto;max-width:90px;max-height:90px;aspect-ratio:1}.teacher-edit-profile-profile-placeholder{font-size:45px}.teacher-edit-profile-form-button-container{gap:.3rem;margin-top:.2rem;justify-content:flex-start}.teacher-edit-profile-cancel-button,.teacher-edit-profile-confirm-button{--padding-top: .4rem;--padding-bottom: .4rem;--border-radius: 100px;font-size:.75rem;min-height:36px;max-width:48%}.teacher-edit-profile-avatar-picker{max-height:90vh}}@media (max-height: 500px) and (orientation: landscape){.teacher-edit-profile-main-container{padding:.4rem .3rem}.teacher-edit-profile-form-card{padding:.5rem;gap:.3rem;max-height:calc(100vh - 2.5rem);margin-top:.4rem}.teacher-edit-profile-form-container-header h2{font-size:.85rem;margin-bottom:0}.teacher-edit-profile-form-container-header p{font-size:.65rem}.teacher-edit-profile-grid-content{gap:.4rem}.teacher-edit-profile-form-right{display:flex;flex-direction:column;height:100%}.teacher-edit-profile-form-right .teacher-edit-profile-field-wrapper{flex:1;display:flex;flex-direction:column}.teacher-edit-profile-profile-image-container{flex:1;margin-top:0}.teacher-edit-profile-field-label{font-size:.65rem;margin:0}ion-input.teacher-edit-profile-input-item{--padding-top: .25rem;--padding-bottom: .25rem;--padding-start: .6rem;font-size:.75rem;min-height:30px}.teacher-edit-profile-input-with-icon ion-icon:last-child{font-size:.9rem}.teacher-edit-profile-profile-placeholder,.teacher-edit-profile-selected-image{max-width:80px;max-height:80px}.teacher-edit-profile-profile-placeholder{font-size:40px}.teacher-edit-profile-cancel-button,.teacher-edit-profile-confirm-button{--padding-top: .3rem;--padding-bottom: .3rem;font-size:.7rem;min-height:32px}}@media (max-height: 400px) and (orientation: landscape){.teacher-edit-profile-main-container{padding:.3rem .2rem}.teacher-edit-profile-form-card{padding:.4rem;gap:.2rem;max-height:calc(100vh - 2rem)}.teacher-edit-profile-form-container-header h2{font-size:.75rem}.teacher-edit-profile-form-container-header p{font-size:.6rem}.teacher-edit-profile-grid-content{gap:.3rem}.teacher-edit-profile-field-label{font-size:.6rem}ion-input.teacher-edit-profile-input-item{--padding-top: .2rem;--padding-bottom: .2rem;font-size:.7rem;min-height:28px}.teacher-edit-profile-profile-placeholder,.teacher-edit-profile-selected-image{max-width:70px;max-height:70px}.teacher-edit-profile-profile-placeholder{font-size:35px}.teacher-edit-profile-cancel-button,.teacher-edit-profile-confirm-button{font-size:.65rem;min-height:28px}}.teacher-register-ion-content{--background: #ffffff}.teacher-register-ion-content::part(scroll){display:flex;flex-direction:column}.teacher-register-main-container{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Atkinson Hyperlegible,sans-serif;background-color:#fff;flex:1;width:100%;padding:1rem;box-sizing:border-box;min-height:0}.teacher-register-form-card{width:100%;max-width:600px;background-color:var(--ion-color-primary);border-radius:16px;padding:1.2rem;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;gap:1rem;position:relative;z-index:1;box-sizing:border-box;flex-shrink:1;overflow-y:auto;max-height:100%}.teacher-register-form-container-header{text-align:center;flex-shrink:0}.teacher-register-form-container-header h2{color:#fff;font-size:1.2rem;margin:0 0 .3rem;font-weight:700}.teacher-register-form-container-header p{color:#fff;font-size:.85rem;margin:0}@media (min-width: 768px){.teacher-register-form-card{padding:2rem;border-radius:24px;gap:1.5rem;max-height:calc(100vh - 6rem)}.teacher-register-form-container-header h2{font-size:1.8rem;margin-bottom:.5rem}.teacher-register-form-container-header p{font-size:1.1rem}}@media (min-width: 1024px){.teacher-register-main-container{padding:2rem}.teacher-register-form-card{max-width:700px;padding:2.5rem;max-height:calc(100vh - 8rem)}.teacher-register-form-container-header h2{font-size:2rem}.teacher-register-form-container-header p{font-size:1.2rem}}.teacher-register-grid-content{display:grid;grid-template-columns:1fr;gap:1rem;width:100%;flex-shrink:1;min-height:0}.teacher-register-form-left,.teacher-register-form-right{display:flex;flex-direction:column;justify-content:center;width:100%;min-height:0;gap:.5rem}.teacher-register-form-left{order:2}.teacher-register-form-right{order:1}.teacher-register-form-right .teacher-register-field-label{text-align:center}.teacher-register-profile-image-container{display:flex;justify-content:center;align-items:center;margin-top:.5rem;cursor:pointer}.teacher-register-profile-placeholder{display:flex;justify-content:center;align-items:center;width:70px;height:70px;border-radius:16px;background-color:var(--ion-color-primary);border:2px solid white;box-shadow:0 2px 6px #0000001a;color:#fff;font-size:40px;line-height:1;margin:0;padding:0;overflow:hidden}.teacher-register-selected-image{width:70px;height:70px;object-fit:cover;border-radius:16px;border:2px solid white;box-shadow:0 2px 6px #0000001a}@media (min-width: 768px),(orientation: landscape){.teacher-register-grid-content{grid-template-columns:1.5fr 1fr;gap:2rem}.teacher-register-form-left{order:1}.teacher-register-form-right{order:2}.teacher-register-profile-placeholder{width:90px;height:90px;font-size:50px}.teacher-register-selected-image{width:90px;height:90px}}@media (min-width: 1024px){.teacher-register-grid-content{grid-template-columns:2fr 1fr;gap:2.5rem}.teacher-register-profile-placeholder{width:100px;height:100px;font-size:56px}.teacher-register-selected-image{width:100px;height:100px}}.teacher-register-field-wrapper{width:100%;display:flex;flex-direction:column;min-height:0}.teacher-register-field-label{color:#fff;font-size:.85rem;margin:.3rem 0;font-weight:500;flex-shrink:0}ion-input.teacher-register-input-item{--background: white;--border-radius: 100px;--padding-start: 1rem;--padding-end: 2.5rem;--padding-top: .6rem;--padding-bottom: .6rem;width:100%;border:none;margin:0;font-size:.9rem;min-height:40px;flex-shrink:0}.teacher-register-input-with-icon{display:flex;align-items:center;position:relative;flex-shrink:0}.teacher-register-input-with-icon ion-icon:last-child{position:absolute;right:12px;font-size:1.3rem;cursor:pointer;z-index:2;flex-shrink:0}.teacher-register-input-with-icon ion-icon:first-child{padding-left:12px;font-size:1.3rem;color:var(--ion-color-medium);flex-shrink:0}@media (min-width: 768px){.teacher-register-field-label{font-size:1rem;margin:.4rem 0}ion-input.teacher-register-input-item{--border-radius: 100px;--padding-top: .7rem;--padding-bottom: .7rem;font-size:1rem}.teacher-register-input-with-icon ion-icon:last-child{font-size:1.5rem}.teacher-register-input-with-icon ion-icon:first-child{font-size:1.5rem}}@media (min-width: 1024px){.teacher-register-field-label{font-size:1.1rem}ion-input.teacher-register-input-item{font-size:1.05rem;--padding-top: .8rem;--padding-bottom: .8rem}}.teacher-register-avatar-select-field{background:#fff;border-radius:200px;padding:.5rem 1rem;width:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;min-height:48px;box-sizing:border-box;font-size:1rem;color:#333;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background-color .2s}.teacher-register-avatar-select-field:hover{background-color:#e2e2e2}.teacher-register-form-button-container{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.8rem;margin-top:.5rem;flex-shrink:0}.teacher-register-confirm-button{--background: white;--color: var(--ion-color-primary);--border-radius: 100px;--padding-top: .7rem;--padding-bottom: .7rem;font-size:.95rem;width:100%;max-width:100%;font-weight:600;order:2;border:2px solid var(--ion-color-primary)}.teacher-register-cancel-button{--background: white;--color: var(--ion-color-primary);--border-radius: 100px;--padding-top: .7rem;--padding-bottom: .7rem;font-size:.95rem;width:100%;max-width:100%;font-weight:600;order:1;border:2px solid var(--ion-color-primary)}.teacher-register-confirm-button::part(native){box-shadow:0 4px 12px #0000001a;border:none;outline:none}.teacher-register-cancel-button::part(native){box-shadow:0 2px 8px #00000014;outline:none}.teacher-register-confirm-button:hover::part(native){opacity:.9}.teacher-register-cancel-button:hover::part(native){background-color:#f5f5f5}.teacher-register-confirm-button--disabled{opacity:.6}.teacher-register-confirm-button--disabled::part(native){cursor:not-allowed!important}@media (min-width: 768px){.teacher-register-form-button-container{gap:1rem;margin-top:1rem}.teacher-register-confirm-button,.teacher-register-cancel-button{--border-radius: 100px;--padding-top: .9rem;--padding-bottom: .9rem;font-size:1.1rem;max-width:250px}}@media (min-width: 1024px){.teacher-register-confirm-button,.teacher-register-cancel-button{font-size:1.15rem;max-width:280px;--padding-top: 1rem;--padding-bottom: 1rem}}.teacher-register-toast ion-toast{--background: #f44336;--color: white}.teacher-register-avatar-picker-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1001;padding:0;box-sizing:border-box}.teacher-register-avatar-picker{background:#fff;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 30px #0000004d;opacity:0;transform:scale(.92);transition:opacity .2s ease-out,transform .2s ease-out}.teacher-register-avatar-picker-visible{opacity:1;transform:scale(1)}.teacher-register-picto-picker-header{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;flex-shrink:0}.teacher-register-picto-picker-header h3{margin:0;font-size:.95rem;color:#333;font-weight:600}.teacher-register-picto-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:12px;padding:12px;overflow-y:auto;flex:1;place-items:center}.teacher-register-picto-option{display:flex;flex-direction:column;align-items:center;cursor:pointer;text-align:center;padding:8px;border-radius:8px;transition:background-color .2s}.teacher-register-picto-option:hover{background-color:#f5f5f5}.teacher-register-picto-option ion-img{width:50px;height:50px;object-fit:contain;margin-bottom:4px}.teacher-register-picto-option span{font-size:11px;color:#333;word-break:break-word}.teacher-register-upload-avatar-placeholder{width:50px;height:50px;border:2px dashed var(--ion-color-medium);border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--ion-color-light)}.teacher-register-upload-icon{font-size:20px;color:var(--ion-color-medium)}.teacher-register-avatar-loading{grid-column:1 / -1;text-align:center;padding:2rem;color:#666;font-size:.9rem}@media (max-width: 360px){.teacher-register-main-container{padding:.5rem}.teacher-register-form-card{padding:.8rem;border-radius:12px;gap:.7rem}.teacher-register-form-container-header h2{font-size:1rem}.teacher-register-form-container-header p{font-size:.75rem}.teacher-register-grid-content{gap:.8rem}.teacher-register-field-label{font-size:.8rem;margin:.2rem 0}ion-input.teacher-register-input-item{font-size:.85rem;--padding-top: .5rem;--padding-bottom: .5rem;--padding-start: .8rem}.teacher-register-input-with-icon ion-icon:last-child{font-size:1.2rem}.teacher-register-profile-placeholder,.teacher-register-selected-image{width:65px;height:65px}.teacher-register-profile-placeholder{font-size:38px}.teacher-register-confirm-button,.teacher-register-cancel-button{font-size:.9rem;--padding-top: .6rem;--padding-bottom: .6rem}.teacher-register-picto-grid{gap:8px;padding:8px}.teacher-register-picto-option ion-img{width:45px;height:45px}}@media (max-height: 600px) and (orientation: landscape){.teacher-register-main-container{padding:.5rem .3rem}.teacher-register-form-card{padding:.6rem;gap:.4rem;max-height:calc(100vh - 3rem);margin-top:.5rem}.teacher-register-form-container-header{margin-bottom:0}.teacher-register-form-container-header h2{font-size:.9rem;margin-bottom:.1rem}.teacher-register-form-container-header p{font-size:.7rem}.teacher-register-grid-content{gap:.5rem;grid-template-columns:1.2fr .8fr}.teacher-register-form-left{gap:.3rem}.teacher-register-form-right{display:flex;flex-direction:column;justify-content:stretch;height:100%}.teacher-register-form-right .teacher-register-field-wrapper{flex:1;display:flex;flex-direction:column;justify-content:center}.teacher-register-form-right .teacher-register-field-label{flex-shrink:0}.teacher-register-profile-image-container{flex:1;display:flex;align-items:center;justify-content:center;margin-top:.2rem}.teacher-register-field-wrapper{margin-bottom:0}.teacher-register-field-label{margin:.1rem 0;font-size:.7rem}ion-input.teacher-register-input-item{--padding-top: .3rem;--padding-bottom: .3rem;--padding-start: .7rem;--padding-end: 2rem;--border-radius: 100px;font-size:.8rem;min-height:32px}.teacher-register-input-with-icon ion-icon:last-child{font-size:1rem;right:8px}.teacher-register-profile-placeholder,.teacher-register-selected-image{width:100%;height:auto;max-width:90px;max-height:90px;aspect-ratio:1}.teacher-register-profile-placeholder{font-size:45px}.teacher-register-form-button-container{gap:.3rem;margin-top:.2rem;justify-content:flex-start}.teacher-register-cancel-button,.teacher-register-confirm-button{--padding-top: .4rem;--padding-bottom: .4rem;--border-radius: 100px;font-size:.75rem;min-height:36px;max-width:48%}.teacher-register-avatar-picker{max-height:90vh}}@media (max-height: 500px) and (orientation: landscape){.teacher-register-main-container{padding:.4rem .3rem}.teacher-register-form-card{padding:.5rem;gap:.3rem;max-height:calc(100vh - 2.5rem);margin-top:.4rem}.teacher-register-form-container-header h2{font-size:.85rem;margin-bottom:0}.teacher-register-form-container-header p{font-size:.65rem}.teacher-register-grid-content{gap:.4rem}.teacher-register-form-right{display:flex;flex-direction:column;height:100%}.teacher-register-form-right .teacher-register-field-wrapper{flex:1;display:flex;flex-direction:column}.teacher-register-profile-image-container{flex:1;display:flex;align-items:center;justify-content:center}.teacher-register-profile-placeholder,.teacher-register-selected-image{width:100%;height:auto;max-width:75px;max-height:75px;aspect-ratio:1}.teacher-register-profile-placeholder{font-size:38px}.teacher-register-field-label{font-size:.65rem;margin:.05rem 0}ion-input.teacher-register-input-item{--padding-top: .25rem;--padding-bottom: .25rem;font-size:.75rem;min-height:28px}.teacher-register-form-button-container{justify-content:flex-start}.teacher-register-cancel-button,.teacher-register-confirm-button{max-width:48%}}@media (min-height: 601px) and (max-height: 800px) and (orientation: landscape){.teacher-register-main-container{padding:1rem}.teacher-register-form-card{max-height:calc(100vh - 4rem);margin-top:.5rem}.teacher-register-grid-content{grid-template-columns:1.5fr 1fr}}@media (max-height: 400px) and (orientation: landscape){.teacher-register-main-container{padding:.3rem}.teacher-register-form-card{padding:.4rem;gap:.25rem;max-height:calc(100vh - 2rem);margin-top:.3rem}.teacher-register-form-container-header h2{font-size:.8rem;margin-bottom:0}.teacher-register-form-container-header p{font-size:.6rem}.teacher-register-field-label{font-size:.6rem;margin:.05rem 0}ion-input.teacher-register-input-item{--padding-top: .2rem;--padding-bottom: .2rem;font-size:.7rem;min-height:26px}.teacher-register-input-with-icon ion-icon:last-child{font-size:.9rem}.teacher-register-form-right{display:flex;flex-direction:column;height:100%}.teacher-register-form-right .teacher-register-field-wrapper{flex:1;display:flex;flex-direction:column}.teacher-register-profile-image-container{flex:1;display:flex;align-items:center;justify-content:center}.teacher-register-profile-placeholder,.teacher-register-selected-image{width:100%;height:auto;max-width:65px;max-height:65px;aspect-ratio:1}.teacher-register-profile-placeholder{font-size:32px}.teacher-register-confirm-button,.teacher-register-cancel-button{--padding-top: .25rem;--padding-bottom: .25rem;font-size:.65rem;min-height:28px}}.register-confirmation-content{--background: #ffffff;padding:0;height:100%;overflow:hidden;font-family:Atkinson Hyperlegible,sans-serif}.center-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100%;width:100%;padding:30px 20px 20px;box-sizing:border-box}.register-confirmation-card{width:320px;max-width:90vw;border-radius:50px;background-color:var(--ion-color-primary);box-shadow:0 4px 12px #0000001a;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-family:Atkinson Hyperlegible,sans-serif}.register-confirmation-card-header{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0!important;text-align:center;width:100%;gap:8px}.register-confirmation-icon-container{background-color:var(--ion-color-primary);width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.register-confirmation-icon{font-size:100px;color:#fff}.register-confirmation-subtitle{font-size:1.4rem;color:#000;margin:0;font-family:Atkinson Hyperlegible,sans-serif}.register-confirmation-message{color:#000;font-size:1rem;margin:16px 0 28px;line-height:1.5;font-family:Atkinson Hyperlegible,sans-serif}.register-confirmation-button{--background: white;--color: #29b6f6;--border-radius: 24px;--padding-top: 16px;--padding-bottom: 16px;--padding-start: 24px;--padding-end: 24px;--box-shadow: none !important;font-size:1.1rem;font-weight:700;margin-top:10px;width:95%;max-width:280px;min-height:56px;font-family:Atkinson Hyperlegible,sans-serif}.register-confirmation-button::part(native){border-radius:100px;font-family:Atkinson Hyperlegible,sans-serif!important}.main-container{background:var(--ion-color-primary-contrast);height:100% - clamp(70px,13vh,115px);padding:0;overflow-y:hidden}.edit-section-col{display:flex;align-items:stretch}.edit-section{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:30px;width:100%;height:100%;padding:15px;justify-items:center}.big-button{width:80%;height:100%;min-width:100px;min-height:150px}.big-button img{width:100%;max-width:180px;height:auto;flex:3;object-fit:contain}.button-section-col{display:flex;align-items:center}.button-section{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;width:100%;height:100%;padding:15px}.small-button{width:70%;height:auto;max-width:120px;min-height:190px}.small-padding{padding:10px 0!important}.small-button img{width:100%;max-width:100px;height:auto;flex:3;object-fit:contain}@media (max-width: 768px){.main-container{padding:8px;overflow:hidden}.edit-section-col,.button-section-col{padding:0}.edit-section{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:8px}.button-section{flex-direction:row;justify-content:space-around;gap:8px;padding:8px}.big-button{min-height:90px;width:90%}.big-button img{max-width:80px}.small-button{min-height:80px;max-width:45vw;width:auto;flex-shrink:0}.small-button img{max-width:60px;width:auto}}.ContentMenuEdicion{--background: var(--ion-color-primary-contrast)}.studentEditProfile-dashboard-outer-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;margin:0;padding:0}.studentEditProfile-dashboard-card{width:580px;margin:0;background-color:var(--ion-color-primary);overflow-y:auto}.studentEditProfile-card-content{display:flex;flex-direction:column;align-items:center;justify-content:center}ion-button.studentEditProfile-dashboard-button::part(native){width:400px;height:48px;background-color:var(--button-profile-bg);color:var(--ion-color-primary);border-radius:40px;border:none;margin-bottom:15px;font-family:var(--ion-font-family);font-weight:var(--ion-weight-regular);font-size:18px;box-shadow:none}ion-button.studentEditProfile-dashboard-button::part(native):hover{background-color:var(--ion-color-light)}@media (max-width: 600px){.studentEditProfile-dashboard-card{width:350px;overflow-y:auto}.studentEditProfile-card-content,.studentEditProfile-dashboard-main-container{overflow-y:auto}ion-button.studentEditProfile-dashboard-button::part(native){width:300px}}.ContentEditColorTeacher{--background: var(--ion-color-primary-contrast)}.studentEditProfile-editcolors-outer-container{width:100vw;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;align-content:center;margin-bottom:40px}.studentEditColor-ionTitle{text-align:left;margin-bottom:18px;font-weight:700;font-size:22px;font-family:var(--tatomaths-font);color:var(--tatomaths-text)}.EditColor-IonCol{display:flex;flex-direction:column;align-items:center;justify-content:center;width:250px}.EditColor-label{font-size:20px}.studenEditColors-personalizacionAvanzada{display:flex;flex-direction:row;justify-content:space-around;align-content:center;align-items:center;width:auto}.EditColor-PalettePreview{display:flex;flex-direction:column;align-items:center}@media (max-width: 768px){.studenEditColors-personalizacionAvanzada{flex-direction:column}.EditColor-IonCol{width:100%!important;margin-bottom:16px}.EditColor-label{font-size:14px}.EditColor-IonCol>.popover-picker{width:100%}.editColorsButtons{flex-direction:column;gap:8px}}.Modal-EditColors-toolbar{background-color:var(--ion-color-primary);height:90px}.ModalColorEditContent{display:flex;flex-direction:column;align-items:center;align-content:center;justify-content:center}.SuccessEditColor{margin-top:10px;text-align:center;color:var(--ion-color-success);font-size:25px;font-weight:700}.ColorPaletteCard-studentEditColor-IonCard{cursor:pointer;border:1px solid transparent}.ColorPaletteCard-studentEditColor-IonCard:hover,.ColorPaletteCard-studentEditColor-IonCard:focus,.ColorPaletteCard-studentEditColor-IonCard:focus-visible{outline:none!important;box-shadow:none!important;transition:.2s ease;cursor:pointer;border-width:clamp(2px,1.2vw,4px);border-color:var(--ion-color-primary)}.ColorPaletteCard-studentEditColor-IonCardHeader{height:90px;width:250px;display:flex;flex-direction:row;align-items:center;justify-content:space-around;font-size:25px;font-weight:700}.Boton-header_ColorPaletteCard{height:50px;width:55px;pointer-events:none}.ColorPaletteCard-studentEditColor-IonCardContent{height:150px;width:250px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:18px}.ColorPaletteCard-studentEditColor-IonCardSelected{border:3px solid var(--ion-color-primary);transform:scale(1.06);transition:.2s ease}:root{--bubble-demo-bg: #A9DAF3;--bubble-demo-selected-bg: #FFB7FA;--bubble-demo-correct-bg: #34D399;--bubble-demo-incorrect-bg: #F87171;--bubble-demo-feedback-correct: #059669;--bubble-demo-feedback-incorrect: #b91c1c}.nmExample-number-circle{display:flex;align-items:center;justify-content:center;width:clamp(60px,18vw,150px);height:clamp(60px,18vw,150px);border-radius:50%;background:var(--bubble-demo-bg);border:3px solid transparent;box-shadow:2px 2px 5px #0003;cursor:pointer;color:#000;font-size:clamp(1.5rem,5vw,3em);font-weight:700;transition:transform .2s ease-in-out}.nmExample-feedback-icon{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;line-height:0}.nmExample-feedback-icon.correct{color:var(--bubble-demo-feedback-correct)}.nmExample-feedback-icon.incorrect{color:var(--bubble-demo-feedback-incorrect)}.nmExample-feedback-icon .nmExample-ion-icon,.nmExample-feedback-icon ion-icon{width:50px;height:50px;display:inline-block}.nmExample-number-circle .nmExample-number-value{font-size:clamp(.45rem,2vw,2.2rem);font-weight:400;color:#222}.nmExample-number-circle.selected{background-color:var(--bubble-demo-selected-bg);color:#000;transform:scale(1.2);box-shadow:0 6px 12px #0006;border:4px solid black;outline:none}.nmExample-number-circle.correct{background-color:var(--bubble-demo-correct-bg);color:#fff;transform:scale(1.2);box-shadow:0 6px 12px #10b9814d;border:4px solid var(--bubble-demo-feedback-correct)}.nmExample-number-circle.incorrect{background-color:var(--bubble-demo-incorrect-bg);color:#fff;transform:scale(1.2);box-shadow:0 6px 12px #f871714d;border:4px solid var(--bubble-demo-feedback-incorrect)}.nmExample-number-circle.bubble-demo{width:35px;height:35px;font-size:.8rem}.PaletteSelector-container{width:100%;display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap;margin:0 auto}.picker{display:inline-block;position:relative}.swatch{width:36px;height:36px;border-radius:4px;border:1px solid #ccc;cursor:pointer}.popover{position:absolute;z-index:100;top:40px;left:0;background:#fff;padding:8px;border-radius:8px;box-shadow:0 4px 8px #0003;max-width:300px}@media (max-width: 480px){.popover{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;max-width:none;padding:16px}.swatch{width:32px;height:32px}}@media (max-width: 915px){.popover{position:fixed;top:50%;left:50%;transform:translate(-50%,-30%);width:50%;max-width:none;padding:16px}.swatch{width:32px;height:32px}}@media (max-width: 1180px){.popover{position:fixed;top:50%;left:50%;transform:translate(-50%,-30%);width:50%;max-width:none;padding:16px}.swatch{width:32px;height:32px}}.accessibility-indicator{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;background:#f5f5f5;width:fit-content;font-size:14px}.indicator-dot{width:15px;height:15px;border-radius:50%}.indicator-dot.aa{background-color:#4caf50}.indicator-dot.aaa{background-color:#2e7d32}.indicator-dot.fail{background-color:#d32f2f}.indicator-dot.checking{background-color:#ffb300}.indicator-text{font-weight:500}.EditGame1-content{--background: var(--ion-color-primary-contrast);position:relative}.EditGame1-wrapper{display:flex;flex-direction:column;align-items:center;min-height:100%;width:100%;background-color:var(--ion-color-primary-contrast)}.EditGame1-back-button-content{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;padding:20px}.EditGame1-back-button{width:48px;height:48px;min-width:48px;min-height:48px}.EditGame1-config-buttons{display:flex;justify-content:center;align-items:center;gap:25px;flex-wrap:wrap;flex-shrink:0;flex-grow:1;width:100%}.EditGame1-buttons-result{display:flex;flex-direction:column;gap:2rem}.EditGame1-config-button-3d,.EditGame1-config-button-value{min-width:clamp(120px,24vw,160px);min-height:clamp(130px,26vw,180px);width:clamp(120px,22vw,160px);height:clamp(130px,22vw,180px)}.EditGame1-config-button-content{display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px}.EditGame1-config-button-value{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px;border:3px solid var(--bubble-bg);border-radius:6px;box-sizing:border-box}.EditGame1-config-button-image{width:clamp(70px,12vw,100px);height:clamp(70px,12vw,100px);object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.EditGame1-save-button{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;width:100%;padding:20px}.EditGame1-modal-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.EditGame1-modal-content{background:#fff;border-radius:24px;padding:40px;width:100%;height:100%;max-width:100%;max-height:100%;overflow-y:auto;position:relative;box-shadow:0 8px 32px #0000004d;border:5px solid var(--ion-color-primary);display:flex;flex-direction:column;box-sizing:border-box}.EditGame1-modal-close-btn{position:absolute;top:16px;right:16px;width:50px;height:50px;border-radius:50%;background:#ef4444;color:#fff;border:none;font-size:2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #0003;transition:all .2s ease}.EditGame1-modal-close-btn:hover{background:#dc2626;transform:scale(1.1)}.EditGame1-modal-close-btn:active{transform:scale(.95)}.EditGame1-modal-options-grid{display:grid;gap:16px;flex:1;align-content:center;justify-content:center;width:100%;max-width:800px;margin:0 auto}.EditGame1-quantity-grid{grid-template-columns:repeat(4,1fr)}.EditGame1-range-grid{grid-template-columns:repeat(2,1fr);gap:30px}.EditGame1-voice-grid{grid-template-columns:repeat(2,2fr);gap:30px}.EditGame1-modal-option:hover{transform:scale(1.05);border-color:var(--ion-color-primary);background:#e0f2fe}.EditGame1-modal-option.selected{background:var(--bubble-bg);border-color:var(--ion-color-primary);border-width:6px;transform:scale(1.1);box-shadow:0 6px 16px #4ade8080}.EditGame1-modal-option.disabled{opacity:.4;cursor:not-allowed;pointer-events:auto}.EditGame1-modal-option.disabled:hover{transform:none;border-color:#cbd5e1;background:#f1f5f9}.EditGame1-modal-number-img{width:70px;height:70px;object-fit:contain}.EditGame1-modal-number-text{font-size:3rem;font-weight:var(--tatomaths-weight);font-family:var(--tatomaths-font);color:var(--tatomaths-text)}.EditGame1-modal-option.selected .EditGame1-modal-number-text{color:#000;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.EditGame1-modal-option{background:#f1f5f9;border:4px solid #cbd5e1;border-radius:16px;padding:20px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-height:100px;position:relative}.EditGame1-modal-option:focus{box-shadow:0 6px 12px #0006;border:5px solid black;outline:none;transform:scale(1.05)}.EditGame1-modal-range-text{font-size:1.6rem;font-weight:var(--tatomaths-weight);font-family:var(--tatomaths-font);color:var(--tatomaths-text);text-align:center}.EditGame1-modal-option.selected .EditGame1-modal-range-text{color:#000;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.EditGame1-modal-option.large{min-height:150px}.EditGame1-voice-content{display:flex;flex-direction:column;align-items:center;gap:8px}.EditGame1-modal-option.selected{color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.EditGame1-modal-option.voice{min-height:250px;min-width:250px}@media screen and (max-width: 576px){.EditGame1-config-buttons{flex-direction:column;gap:15px;padding:10px}.EditGame1-buttons-result{flex-direction:row;align-items:center;justify-content:center;gap:1rem;width:100%}.EditGame1-config-button-3d,.EditGame1-config-button-value{min-width:clamp(100px,35vw,140px);min-height:clamp(50px,24vw,200px);width:clamp(100px,35vw,150px);height:clamp(50px,15vw,200px)}.EditGame1-config-button-image{width:clamp(50px,10vw,70px);height:clamp(50px,10vw,70px)}.EditGame1-back-button,.EditGame1-save-button{padding:10px}.EditGame1-modal-content{padding:50px 20px 20px;border-radius:16px}.EditGame1-quantity-grid{grid-template-columns:repeat(3,1fr);gap:10px}.EditGame1-range-grid,.EditGame1-voice-grid{grid-template-columns:1fr}.EditGame1-modal-option{min-height:70px;padding:12px}.EditGame1-modal-option.large{min-height:100px}.EditGame1-modal-option.voice{min-height:200px;min-width:200px}.EditGame1-modal-number-img{width:50px;height:50px}.EditGame1-modal-number-text{font-size:2rem}.EditGame1-modal-range-text{font-size:1.2rem}.EditGame1-modal-close-btn{width:40px;height:40px;font-size:1.5rem;top:10px;right:10px}}@media screen and (min-width: 577px) and (max-width: 768px) and (orientation: portrait){.EditGame1-config-buttons{flex-direction:column;gap:20px;padding:15px}.EditGame1-buttons-result{flex-direction:row;align-items:center;justify-content:center;gap:1.5rem;width:100%}.EditGame1-config-button-3d,.EditGame1-config-button-value{min-width:clamp(120px,22vw,150px);min-height:clamp(120px,22vw,150px);width:clamp(120px,22vw,150px);height:clamp(120px,22vw,150px)}.EditGame1-modal-content{padding:50px 30px 30px;border-radius:20px}.EditGame1-quantity-grid{grid-template-columns:repeat(4,1fr)}.EditGame1-back-button{width:60px;height:60px}}@media screen and (min-width: 769px) and (max-width: 992px) and (orientation: portrait){.EditGame1-config-buttons{flex-direction:row;gap:20px;padding:15px}.EditGame1-buttons-result{flex-direction:column;gap:1.5rem}.EditGame1-config-button-3d,.EditGame1-config-button-value{min-width:clamp(110px,18vw,140px);min-height:clamp(120px,18vw,150px);width:clamp(110px,20vw,200px);height:clamp(120px,22vw,200px)}.EditGame1-modal-content{padding:50px 30px 30px;border-radius:20px}.EditGame1-quantity-grid{grid-template-columns:repeat(5,1fr)}.EditGame1-back-button{width:80px;height:80px}}@media screen and (min-width: 577px) and (max-width: 992px) and (orientation: landscape){.EditGame1-config-buttons{flex-direction:row;gap:20px;padding:15px}.EditGame1-buttons-result{flex-direction:column;gap:1rem}.EditGame1-config-button-3d,.EditGame1-config-button-value{min-width:clamp(90px,16vw,130px);min-height:clamp(90px,18vh,130px);width:clamp(90px,20vw,200px);height:clamp(90px,20vh,200px)}.EditGame1-config-button-image{width:clamp(45px,8vw,65px);height:clamp(45px,8vw,65px)}.EditGame1-back-button,.EditGame1-save-button{padding:10px}.EditGame1-back-button{width:52px;height:52px}.EditGame1-modal-content{padding:50px 25px 25px;border-radius:16px}}@media screen and (min-width: 993px) and (max-height: 600px){.EditGame1-config-buttons{flex-direction:row;gap:15px;padding:5px}.EditGame1-buttons-result{flex-direction:column;gap:.8rem}.EditGame1-config-button-3d,.EditGame1-config-button-value{min-width:clamp(80px,12vw,110px);min-height:clamp(70px,16vh,100px);width:clamp(80px,16vw,200px);height:clamp(70px,20vh,200px)}.EditGame1-config-button-image{width:clamp(40px,7vw,55px);height:clamp(40px,7vw,55px)}.EditGame1-config-button-content{gap:5px;padding:8px}.EditGame1-back-button,.EditGame1-save-button{padding:8px}.EditGame1-back-button{width:48px;height:48px}.btn-text{font-size:.85rem}.EditGame1-modal-range-text{font-size:1.2rem}.EditGame1-modal-number-text{font-size:2rem}}@media screen and (min-width: 993px) and (min-height: 601px) and (max-height: 850px){.EditGame1-config-buttons{flex-direction:row;gap:25px}.EditGame1-buttons-result{flex-direction:column;gap:1.2rem}.EditGame1-config-button-3d,.EditGame1-config-button-value{min-width:clamp(110px,14vw,140px);min-height:clamp(110px,15vh,140px);width:clamp(110px,16vw,170px);height:clamp(110px,20vh,170px)}.EditGame1-config-button-image{width:clamp(55px,8vw,70px);height:clamp(55px,8vw,70px)}.EditGame1-back-button,.EditGame1-save-button{padding:12px}.EditGame1-back-button{width:56px;height:56px}}@media screen and (min-width: 993px) and (min-height: 851px){.EditGame1-config-buttons{flex-direction:row;gap:30px}.EditGame1-buttons-result{flex-direction:column;gap:2rem}.EditGame1-config-button-3d,.EditGame1-config-button-value{min-width:clamp(140px,18vw,180px);min-height:clamp(150px,20vw,190px);width:clamp(140px,20vw,200px);height:clamp(150px,22vw,190px)}.EditGame1-config-button-image{width:clamp(70px,10vw,90px);height:clamp(70px,10vw,90px)}.EditGame1-back-button{width:64px;height:64px}.EditGame1-back-button{width:80px;height:80px}}@media screen and (min-width: 1400px) and (min-height: 700px){.EditGame1-config-buttons{flex-direction:row;gap:50px}.EditGame1-buttons-result{flex-direction:column;gap:2.5rem}.EditGame1-config-button-3d,.EditGame1-config-button-value{min-width:clamp(180px,15vw,200px);min-height:clamp(190px,16vw,200px);width:clamp(180px,15vw,200px);height:clamp(190px,16vw,200px)}.EditGame1-config-button-image{width:clamp(90px,8vw,110px);height:clamp(90px,8vw,110px)}.btn-text{font-size:1.3rem}.EditGame1-modal-range-text{font-size:1.8rem}.EditGame1-back-button{width:72px;height:72px}}.EditGame34-content{--background: var(--ion-color-primary-contrast);position:relative}.EditGame34-wrapper{display:flex;flex-direction:column;align-items:center;min-height:100%;width:100%;background-color:var(--ion-color-primary-contrast)}.EditGame34-back-button{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;padding:20px}.EditGame34-config-buttons{display:flex;justify-content:center;align-items:center;gap:25px;flex-wrap:wrap;flex-shrink:0;flex-grow:1;width:100%}.EditGame34-buttons-result{display:flex;flex-direction:column;gap:2rem}.EditGame34-config-button-3d,.EditGame34-config-button-value{min-width:clamp(120px,24vw,160px);min-height:clamp(130px,26vw,180px);width:clamp(120px,22vw,160px);height:clamp(130px,22vw,180px)}.EditGame34-config-button-content{display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px}.EditGame34-config-button-value{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px;border:3px solid var(--bubble-bg);border-radius:6px;box-sizing:border-box;background:#fff}.EditGame34-display-text-small{font-size:.95rem;font-weight:700;color:var(--tatomaths-text);text-align:center;line-height:1.1}.EditGame34-config-button-image{width:clamp(70px,12vw,100px);height:clamp(70px,12vw,100px);object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.btn-text{font-size:1rem;font-weight:800;color:#475569}.EditGame34-display-number{font-size:3.5rem;font-weight:700;color:var(--tatomaths-text)}.EditGame34-display-text{font-size:1.4rem;font-weight:700;color:var(--tatomaths-text);text-align:center;line-height:1.1;word-break:break-word}.EditGame34-hand-img{height:80px;width:auto;object-fit:contain;margin-top:5px}.EditGame34-save-button{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;width:100%;padding:20px}.EditGame34-error-message{background:#ef4444;color:#fff;padding:10px 14px;border-radius:10px;text-align:center;font-weight:600;box-shadow:0 4px 12px #0003;width:100%;max-width:720px}.EditGame34-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.EditGame34-modal-content{background:#fff;border-radius:24px;padding:clamp(32px,3.5vw,60px) clamp(28px,3vw,56px) clamp(28px,3vw,56px) clamp(28px,3vw,56px);max-width:700px;width:100%;max-height:82vh;overflow-y:auto;position:relative;box-shadow:0 8px 32px #0000004d;border:5px solid var(--ion-color-primary)}.EditGame34-modal-content.wide{max-width:900px}.EditGame34-modal-close-btn{position:absolute;top:12px;right:12px;width:50px;height:50px;border-radius:50%;background:#ef4444;color:#fff;border:none;font-size:2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #0003;transition:all .2s ease;z-index:10;flex-shrink:0}.EditGame34-modal-close-btn:hover{background:#dc2626;transform:scale(1.1)}.EditGame34-modal-close-btn:active{transform:scale(.95)}.modal-options-grid{display:grid;gap:16px;margin-top:8px}.EditGame34-options-grid-2col{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:10px}.EditGame34-options-grid-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:10px}.EditGame34-modal-option{background:#f1f5f9;border:4px solid #cbd5e1;border-radius:16px;padding:clamp(14px,2.2vh,20px);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-height:clamp(90px,16vh,140px);position:relative;text-align:center}.EditGame34-modal-option:hover{transform:scale(1.05);border-color:#3b82f6;background:#e0f2fe}.EditGame34-modal-option.selected{background:var(--bubble-bg);border-color:var(--ion-color-primary);border-width:6px;transform:scale(1.05);box-shadow:0 6px 16px #4ade8080}.EditGame34-modal-option.large{min-height:clamp(120px,24vh,170px)}.EditGame34-option-content{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.EditGame34-label-large{font-size:clamp(1.2rem,3vw,1.5rem);font-weight:800;color:#1e293b;line-height:1.2}.EditGame34-label-medium{font-size:clamp(1.2rem,3.2vw,1.6rem);font-weight:700;color:var(--tatomaths-text);text-align:center;line-height:1.15;word-break:break-word}.EditGame34-label-sub{font-size:clamp(.9rem,2.6vw,1rem);color:#1e293b;line-height:1.2}.EditGame34-modal-option.selected .EditGame34-label-large,.EditGame34-modal-option.selected .EditGame34-label-medium,.EditGame34-modal-option.selected .EditGame34-label-sub{color:#000;text-shadow:2px 2px 4px rgba(0,0,0,.1)}@media screen and (max-width: 576px){.EditGame34-config-buttons{flex-direction:column;gap:15px;padding:10px}.EditGame34-buttons-result{flex-direction:row;align-items:center;justify-content:center;gap:1rem;width:100%}.EditGame34-config-button-3d,.EditGame34-config-button-value{min-width:clamp(100px,35vw,140px);min-height:clamp(50px,24vw,200px);width:clamp(100px,35vw,150px);height:clamp(50px,15vw,200px)}.EditGame34-config-button-image{width:clamp(50px,10vw,70px);height:clamp(50px,10vw,70px)}.EditGame34-back-button,.EditGame34-save-button{padding:10px}.EditGame34-modal-content{padding:56px 16px 24px;max-width:95%;max-height:88vh;overflow-y:auto}.EditGame34-options-grid-2col,.EditGame34-options-grid-3col{grid-template-columns:1fr}.EditGame34-modal-option{min-height:70px;padding:12px}.EditGame34-hand-img{width:50px;height:50px}.EditGame34-label-large{font-size:1.4rem}.EditGame34-label-medium{font-size:1.1rem}.EditGame34-label-sub{font-size:clamp(.8rem,2.5vw,.95rem);line-height:1.15}.EditGame34-modal-close-btn{width:42px;height:42px;font-size:1.5rem;top:8px;right:8px}.EditGame34-save-button{padding:6px}}@media screen and (min-width: 577px) and (max-width: 768px) and (orientation: portrait){.EditGame34-config-buttons{flex-direction:column;gap:20px;padding:15px}.EditGame34-buttons-result{flex-direction:row;align-items:center;justify-content:center;gap:1.5rem;width:100%}.EditGame34-config-button-3d,.EditGame34-config-button-value{min-width:clamp(120px,22vw,150px);min-height:clamp(120px,22vw,150px);width:clamp(120px,22vw,150px);height:clamp(120px,22vw,150px)}.EditGame34-modal-content{padding:50px 30px 30px;border-radius:20px}.EditGame34-modal-close-btn{width:46px;height:46px;font-size:1.6rem;top:10px;right:10px}}@media screen and (min-width: 769px) and (max-width: 992px) and (orientation: portrait){.EditGame34-config-buttons{flex-direction:row;flex-wrap:wrap;gap:20px;padding:15px;max-width:600px}.EditGame34-buttons-result{flex-direction:column;gap:1.5rem}.EditGame34-config-button-3d,.EditGame34-config-button-value{min-width:clamp(110px,18vw,140px);min-height:clamp(120px,18vw,150px);width:clamp(110px,20vw,200px);height:clamp(120px,22vw,200px)}.EditGame34-modal-content{padding:50px 30px 30px;border-radius:20px}}@media screen and (min-width: 577px) and (max-width: 992px) and (orientation: landscape){.EditGame34-config-buttons{flex-direction:row;gap:15px;padding:15px}.EditGame34-buttons-result{flex-direction:column;gap:1rem}.EditGame34-config-button-3d,.EditGame34-config-button-value{min-width:clamp(90px,16vw,130px);min-height:clamp(90px,18vh,130px);width:clamp(90px,20vw,200px);height:clamp(90px,20vh,200px)}.EditGame34-config-button-image{width:clamp(45px,8vw,65px);height:clamp(45px,8vw,65px)}.EditGame34-back-button,.EditGame34-save-button{padding:10px}.EditGame34-modal-content{padding:50px 25px 25px;border-radius:16px}}@media screen and (min-width: 993px) and (max-height: 600px){.EditGame34-config-buttons{flex-direction:row;gap:15px;padding:5px}.EditGame34-buttons-result{flex-direction:column;gap:.8rem}.EditGame34-config-button-3d,.EditGame34-config-button-value{min-width:clamp(80px,12vw,110px);min-height:clamp(70px,16vh,100px);width:clamp(80px,16vw,200px);height:clamp(70px,20vh,200px)}.EditGame34-config-button-image{width:clamp(40px,7vw,55px);height:clamp(40px,7vw,55px)}.EditGame34-config-button-content{gap:5px;padding:8px}.EditGame34-back-button,.EditGame34-save-button{padding:8px}.btn-text{font-size:.85rem}.EditGame34-label-medium{font-size:1.2rem}.EditGame34-display-number{font-size:2rem}.EditGame34-label-sub{font-size:.75rem}}@media screen and (min-width: 993px) and (min-height: 601px) and (max-height: 850px){.EditGame34-config-buttons{flex-direction:row;gap:20px}.EditGame34-buttons-result{flex-direction:column;gap:1.2rem}.EditGame34-config-button-3d,.EditGame34-config-button-value{min-width:clamp(110px,14vw,140px);min-height:clamp(110px,15vh,140px);width:clamp(110px,16vw,170px);height:clamp(110px,20vh,170px)}.EditGame34-config-button-image{width:clamp(55px,8vw,70px);height:clamp(55px,8vw,70px)}.EditGame34-back-button,.EditGame34-save-button{padding:12px}}@media screen and (min-width: 993px) and (min-height: 851px){.EditGame34-config-buttons{flex-direction:row;gap:20px}.EditGame34-buttons-result{flex-direction:column;gap:2rem}.EditGame34-config-button-3d,.EditGame34-config-button-value{min-width:clamp(140px,18vw,180px);min-height:clamp(150px,20vw,190px);width:clamp(140px,20vw,200px);height:clamp(150px,22vw,190px)}.EditGame34-config-button-image{width:clamp(70px,10vw,90px);height:clamp(70px,10vw,90px)}}@media screen and (min-width: 1400px) and (min-height: 700px){.EditGame34-config-buttons{flex-direction:row;gap:35px}.EditGame34-buttons-result{flex-direction:column;gap:2.5rem}.EditGame34-config-button-3d,.EditGame34-config-button-value{min-width:clamp(150px,13vw,180px);min-height:clamp(160px,14vw,190px);width:clamp(150px,13vw,180px);height:clamp(160px,14vw,190px)}.EditGame34-config-button-image{width:clamp(80px,7vw,100px);height:clamp(80px,7vw,100px)}.btn-text{font-size:1.1rem}.EditGame34-label-medium{font-size:1.6rem}.EditGame34-label-sub{font-size:1rem}}.EditGame34-modal-option:focus{box-shadow:0 6px 12px #0006;border:5px solid black;outline:none;transform:scale(1.05)}.studentEditProfile-edit-main-container{display:flex;flex-direction:column;align-items:center;padding:1.5rem;font-family:Atkinson Hyperlegible,sans-serif;background-color:#fff;min-height:100vh;position:relative;transform-origin:top center}.studentEditProfile-confirmation-main-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;font-family:Atkinson Hyperlegible,sans-serif;background-color:#fff;flex-grow:1;height:100%;width:100%;max-width:1200px;padding:clamp(1rem,5vh,2rem) 1rem;box-sizing:border-box;margin:0 auto}.studentEditProfile-main-container h1{color:#000;text-align:center;font-size:1.8rem;margin-bottom:1rem}@media (min-width: 768px){.studentEditProfile-main-container h1{font-size:2rem}}.studentEditProfile-form-card{width:95%;max-width:1000px;background-color:var(--ion-color-primary);border-radius:20px;padding:1rem 1.5rem;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;align-items:center;gap:.8rem;position:relative;z-index:1}.studentEditProfile-form-card h2{margin:0;text-align:center;color:#fff;font-size:1.5rem;font-weight:700}.studentEditProfile-subtitle{margin-top:0;margin-bottom:18px;font-size:1rem;color:#fff;text-align:center}.studentEditProfile-name{font-weight:700}@media (min-width: 768px){.studentEditProfile-form-card{padding:2rem}.studentEditProfile-form-card h2{font-size:1.5rem}}.studentEditProfile-avatar-section{display:flex;flex-direction:column;align-items:center;width:100%;gap:.6rem}.studentEditProfile-avatar-section .studentEditProfile-field-label{text-align:center}.studentEditProfile-avatar-preview{width:6rem;height:6rem;border:2px solid black;border-radius:5px;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#fff;margin:0 auto 1rem;transition:transform .3s ease,box-shadow .3s ease,filter .3s ease,border-color .3s ease;cursor:pointer}.studentEditProfile-avatar-preview:hover{transform:scale(1.1);box-shadow:0 10px 25px #00000040,0 0 15px var(--tatomaths-text-primary);filter:brightness(1.2) saturate(1.3);border-color:var(--ion-color-primary)}.studentEditProfile-avatar-image{width:100%;height:100%;object-fit:cover;display:block}.studentEditProfile-avatar-icon{font-size:2.5rem;color:#fff}.studentEditProfile-field-wrapper{width:100%;max-width:300px;margin:0 auto;display:flex;flex-direction:column;gap:.4rem}.studentEditProfile-field-wrapper-buttons{width:100%;max-width:550px;margin:0 auto;display:flex;flex-direction:row;gap:3rem;margin-top:1.5rem}.studentEditProfile-field-label{color:var(--tatomaths-text-primary);font-size:.9rem;margin:0}.studentEditProfile-subfield-label{color:var(--tatomaths-text-primary);font-size:.875rem;margin:0}.required-star{font-weight:700;color:var(--ion-color-danger)}ion-input.studentEditProfile-input-item{--background: white;--border-radius: 100px;--padding-start: 1rem;--padding-end: 1rem;--padding-top: .5rem;--padding-bottom: .5rem;width:100%;border:none;margin:0;min-height:45px}.studentEditProfile-input-item ion-input::part(native){padding:.5rem;font-size:1rem;margin:0}.studentEditProfile-pictogram-container{display:flex;align-items:center;gap:.5rem;background-color:#fff;border-radius:200px;padding:.5rem 1rem;height:72px;width:400px;box-sizing:border-box;overflow:visible}.studentEditProfile-pictogram-box{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:60px;height:60px;background-color:#f0f0f0;border-radius:12px;cursor:pointer;transition:background-color .2s}.studentEditProfile-pictogram-box ion-img{width:40px;height:40px;object-fit:contain}.studentEditProfile-pictogram-remove{position:absolute;top:-6px;right:-6px;font-size:14px;background:#fff;border-radius:50%;padding:2px}.studentEditProfile-pictogram-add{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--ion-color-primary);border-radius:8px;color:#fff;font-size:1.5rem;cursor:pointer;transition:background-color .2s}.studentEditProfile-pictogram-add:hover{background-color:#d4d4d4;color:var(--ion-color-primary)}.studentEditProfile-pictogram-add.disabled{opacity:.5;cursor:not-allowed}.studentEditProfile-confirm-button{--background: white;--color: var(--ion-color-primary);--border-radius: 20px;--padding: .8rem 1.5rem;font-weight:700;font-size:1rem;width:100%}.studentEditProfile-confirm-button::part(native){border-radius:20px;border:none;background:#fff;box-shadow:0 3px 5px #fff,inset 0 1px 2px #ffffff40;transition:box-shadow .25s ease,transform .2s ease}.studentEditProfile-confirm-button:not(.studentEditProfile-confirm-button--disabled):hover::part(native){box-shadow:0 4px 8px #fff,inset 0 1px 2px #ffffff40;transform:translateY(-1px)}.studentEditProfile-confirm-button--disabled{opacity:.8}.studentEditProfile-confirm-button--disabled::part(native){cursor:not-allowed!important}.studentEditProfile-confirm-button--visually-disabled{opacity:.8}.studentEditProfile-confirm-button--visually-disabled::part(native){cursor:pointer}.studentEditProfile-cancel-button{--background: white;--color: var(--ion-color-primary);--border-radius: 20px;--padding: .8rem 1.5rem;font-weight:700;font-size:1rem;width:100%;transition:transform .2s ease}.studentEditProfile-cancel-button:hover{transform:translateY(-1px)}.studentEditProfile-cancel-button::part(native){box-shadow:none}.studentEditProfile-toast ion-toast{--background: #f44336;--color: white}.studentEditProfile-picto-picker-custom{background:#fff;border-radius:20px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 30px #0000004d;opacity:0;transform:scale(.92);transition:opacity .2s ease-out,transform .2s ease-out}.studentEditProfile-picto-picker-visible{opacity:1;transform:scale(1)}.studentEditProfile-avatar-picker{background:#fff;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 30px #0000004d;opacity:0;transform:scale(.92);transition:opacity .2s ease-out,transform .2s ease-out}.studentEditProfile-avatar-picker-visible{opacity:1;transform:scale(1)}.studentEditProfile-picker-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1001;padding:0;box-sizing:border-box}.studentEditProfile-picto-picker-header{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;flex-shrink:0}.studentEditProfile-picto-picker-header h3{margin:0;font-size:.95rem;color:#333;font-weight:600}.studentEditProfile-picto-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px;overflow-y:auto;flex:1;place-items:center}.studentEditProfile-picto-option{display:flex;flex-direction:column;align-items:center;cursor:pointer;text-align:center;padding:12px;border-radius:12px;transition:background-color .2s;width:100%;position:relative}.studentEditProfile-picto-option:hover{background-color:#f5f5f5}.studentEditProfile-picto-option ion-img{width:70px;height:70px;object-fit:contain}.studentEditProfile-picto-option span{font-size:.85rem;color:#333;word-break:break-word;font-weight:500}.studentEditProfile-picto-picker-custom .studentEditProfile-picto-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px;overflow-y:auto;flex:1;place-items:center}.studentEditProfile-picto-image-container{position:relative;width:70px;height:70px;margin-bottom:8px}.studentEditProfile-upload-avatar-placeholder{width:60px;height:60px;border:2px dashed var(--ion-color-medium);border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--ion-color-light)}.studentEditProfile-upload-icon{font-size:24px;color:var(--ion-color-medium)}.studentEditProfile-input-with-icon{display:flex;align-items:center;position:relative}.studentEditProfile-input-with-icon ion-icon:last-child{position:absolute;right:12px;font-size:1.4rem;cursor:pointer;z-index:2}.studentEditProfile-input-with-icon ion-icon:first-child{padding-left:12px;font-size:1.4rem;color:var(--ion-color-medium)}.studentEditProfile-password-select-wrapper{position:relative;width:100%;max-width:300px;margin:0 auto;font-family:Atkinson Hyperlegible,sans-serif}.studentEditProfile-password-type-select{width:100%;padding:.5rem 1rem;border-radius:20px;background:#ffffffd9;color:#222;cursor:pointer;position:relative;border:2px solid rgba(0,0,0,.25);box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;font-size:1rem}.studentEditProfile-password-type-select.open{background:#ffffffbf}.studentEditProfile-password-type-select:after{content:"";width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #222;position:absolute;right:12px;pointer-events:none}.studentEditProfile-password-dropdown{position:absolute;top:calc(100% + 4px);left:0;width:100%;background:#fffffff2;border-radius:20px;border:2px solid rgba(0,0,0,.2);box-shadow:0 6px 12px #00000026;z-index:100;padding:.5rem 0;box-sizing:border-box}.studentEditProfile-password-dropdown .dropdown-option{padding:.5rem 1rem;margin:.25rem .5rem;border-radius:12px;cursor:pointer;transition:background .2s,transform .1s,border-color .2s;background:#ffffffd9;border:2px solid rgba(0,0,0,.25);color:#222;font-size:.95rem;box-sizing:border-box}.studentEditProfile-password-dropdown .dropdown-option:hover{background:#0000000d;border-color:#0006;font-weight:700;transform:translate(2px);color:#111}.studentEditProfile-password-dropdown .dropdown-option.selected{border-color:var(--ion-color-primary);background:#ffffffd9;color:#222;box-shadow:0 2px 6px #0003}.studentEditProfile-password-dropdown .dropdown-option.selected:hover{background:#0000000d;transform:translate(2px);color:#111;font-weight:700;border-color:var(--ion-color-primary)}.studentEditProfile-input-status-icon{position:absolute;right:40px;top:50%;transform:translateY(-50%);font-size:1.3rem;z-index:11;pointer-events:none}.studentEditProfile-input-status-icon.success{color:var(--ion-color-success)}.studentEditProfile-input-status-icon.error{color:var(--ion-color-danger)}.studentEditProfile-input-eye-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;font-size:1.2rem;color:#555;z-index:12}.studentEditProfile-password-rules{font-size:.75rem;color:#333;background-color:#ffffffbf;border-radius:7px;margin:3px auto 0;padding:8px 12px 8px 30px;max-width:280px;box-shadow:0 2px 6px #00000059}.studentEditProfile-password-rules li{margin-bottom:2px;transition:font-weight .2s ease}.studentEditProfile-password-rules li:last-child{margin-bottom:0}.studentEditProfile-password-rules li:hover{font-weight:700;cursor:default}.studentEditProfile-horizontal-row{display:flex;flex-direction:row;gap:1.5rem;width:100%;max-width:1000px;justify-content:center;align-items:stretch;flex-wrap:wrap;margin:0 auto}.studentEditProfile-column{display:flex;flex-direction:column;width:100%;max-width:350px;gap:1rem}.studentEditProfile-column--left{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding-right:2rem}.studentEditProfile-column--left:after{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background-color:var(--tatomaths-text-primary);opacity:.2}.studentEditProfile-column--right{display:flex;flex-direction:column;align-items:center;padding-left:1rem}.studentEditProfile-horizontal-row{display:flex;flex-direction:row;gap:1.5rem;width:100%;max-width:900px;justify-content:center;align-items:stretch;flex-wrap:wrap;margin:0 auto}.studentEditProfile-confirmation-card{width:320px;max-width:90vw;border-radius:50px;background-color:var(--ion-color-primary);box-shadow:0 4px 12px #00000080;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-family:Atkinson Hyperlegible,sans-serif;margin:auto}.studentEditProfile-confirmation-header{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0!important;text-align:center;width:100%;gap:8px}.studentEditProfile-confirmation-icon-container{background-color:var(--ion-color-primary);width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.studentEditProfile-confirmation-icon{font-size:100px;color:var(--tatomaths-text-primary)}.studentEditProfile-confirmation-title{font-size:1.4rem;color:var(--tatomaths-text-primary);margin:0;font-family:Atkinson Hyperlegible,sans-serif;font-weight:700}.studentEditProfile-confirmation-message{color:var(--tatomaths-text-primary);font-size:1rem;margin:16px 0 28px;line-height:1.5;font-family:Atkinson Hyperlegible,sans-serif;padding:0}.studentEditProfile-confirmation-button-container{width:100%;display:flex;justify-content:center}.studentEditProfile-confirmation-button{--background: white;--color: var(--ion-color-primary);--border-radius: 24px;--padding-top: 16px;--padding-bottom: 16px;--padding-start: 24px;--padding-end: 24px;--box-shadow: none !important;font-size:1.1rem;font-weight:700;margin-top:10px;width:95%;max-width:280px;min-height:56px;font-family:Atkinson Hyperlegible,sans-serif;transition:transform .2s ease}.studentEditProfile-confirmation-button:hover{transform:translateY(2px)}.studentEditProfile-confirmation-button::part(native){border-radius:100px;font-family:Atkinson Hyperlegible,sans-serif!important}@media (max-width: 1050px){.studentEditProfile-edit-main-container{transform:none!important;width:100%!important;min-height:auto!important;padding:2rem 10px 10px!important;overflow-x:hidden!important}.studentEditProfile-form-card{width:100%!important;max-width:100%!important;padding:1.5rem 1rem!important}.studentEditProfile-horizontal-row{gap:0!important;width:100%!important}.studentEditProfile-column{max-width:100%!important;padding:0!important}.studentEditProfile-column--left{position:relative}.studentEditProfile-field-wrapper,.studentEditProfile-password-select-wrapper,.studentEditProfile-pictogram-container{max-width:100%!important;width:100%!important}.studentEditProfile-password-info-box{width:100%!important;font-size:.9rem!important;padding:10px!important}.studentEditProfile-password-type-select{min-height:45px!important;padding-top:.5rem!important;padding-bottom:.5rem!important;line-height:normal!important}}@media (max-width: 900px){.studentEditProfile-horizontal-row{flex-direction:column!important;gap:0!important;width:100%!important}.studentEditProfile-column{width:100%!important;max-width:100%!important;padding:0!important}.studentEditProfile-column--left{border-bottom:1px solid rgba(255,255,255,.3)!important;padding-bottom:2rem!important;margin-bottom:2rem!important;position:relative}.studentEditProfile-column--left:after{display:none!important}}@media (min-width: 901px) and (max-width: 1050px){.studentEditProfile-edit-main-container{justify-content:flex-start!important;min-height:initial!important;height:auto!important;padding:10px!important}.studentEditProfile-form-card{padding:1rem!important;position:static!important;transform:none!important;margin:0 auto!important;top:initial!important;left:initial!important}.studentEditProfile-form-card h2{font-size:1.2rem!important;margin-bottom:5px!important}.studentEditProfile-subtitle{font-size:.8rem!important;margin-bottom:10px!important}.studentEditProfile-horizontal-row{flex-direction:row!important;align-items:flex-start!important;justify-content:center!important;gap:0!important}.studentEditProfile-column{width:50%!important;max-width:none!important;padding:0 10px!important;gap:.5rem!important}.studentEditProfile-column--left:after{display:block!important;content:"";position:absolute;top:0;right:0;width:1px;height:100%;background-color:#fff6}.studentEditProfile-avatar-preview{width:5rem!important;height:5rem!important;margin-bottom:.5rem!important}.studentEditProfile-input-item,.studentEditProfile-password-type-select{min-height:40px!important;font-size:.9rem!important}.studentEditProfile-password-type-select{padding-top:.4rem!important;padding-bottom:.4rem!important}.studentEditProfile-field-wrapper-buttons{flex-direction:row!important;justify-content:center!important;margin-top:1rem!important;gap:1.5rem!important}}@media (min-width: 1120px){.studentEditProfile-edit-main-container{padding-top:5rem!important;margin:0 auto!important;width:100%!important}.studentEditProfile-form-card{width:90%!important;max-width:1000px!important;padding:60px!important;margin:0 auto}.studentEditProfile-horizontal-row{flex-direction:row!important;align-items:flex-start!important;justify-content:center!important;gap:0!important}.studentEditProfile-column{width:50%!important;max-width:none!important;padding:0 50px!important;border-bottom:none!important;margin-bottom:0!important;align-items:center!important}.studentEditProfile-column--left:after{display:block!important;content:"";position:absolute;top:0;right:0;width:1px;height:100%;background-color:#fff6}.studentEditProfile-field-wrapper-buttons{flex-direction:row!important;justify-content:center!important;width:100%!important;max-width:550px!important;margin-left:auto!important;margin-right:auto!important;gap:5rem!important}}@media (min-width: 1200px){.studentEditProfile-form-card h2{font-size:2rem!important}.studentEditProfile-subtitle{font-size:1.15rem!important}.studentEditProfile-password-rules{width:100%!important;max-width:none!important;font-size:.85rem!important;box-sizing:border-box!important;padding-left:35px!important}.studentEditProfile-input-item{font-size:1.15rem!important}.studentEditProfile-confirm-button,.studentEditProfile-cancel-button{font-size:1.05rem!important;padding-left:initial!important;padding-right:initial!important;padding-top:initial!important;padding-bottom:initial!important}.studentEditProfile-password-type-select{font-size:1.15rem!important;padding-top:10px!important;padding-bottom:10px!important;line-height:normal!important}.studentEditProfile-field-label{font-size:1.1rem!important}.studentEditProfile-subfield-label{font-size:1.075rem!important}.studentEditProfile-avatar-preview{width:110px!important;height:110px!important}.studentEditProfile-avatar-icon{font-size:3.8rem!important}.studentEditProfile-pictogram-box{width:60px!important;height:60px!important}.studentEditProfile-pictogram-box ion-img{width:40px!important;height:40px!important}}@media (max-width: 767px){.studentEditProfile-form-card h2{font-size:.8rem!important}.studentEditProfile-subtitle{font-size:.7rem!important;margin-bottom:5px!important}.studentEditProfile-edit-main-container{height:auto!important;min-height:initial!important;padding:0 5px 5px!important;justify-content:flex-start!important;align-items:center!important}.studentEditProfile-form-card{padding:.5rem!important;gap:.4rem!important}.studentEditProfile-avatar-preview{width:3.2rem!important;height:3.2rem!important;margin:0 auto .4rem!important}.studentEditProfile-avatar-icon{font-size:1.8rem!important}.studentEditProfile-column{gap:.4rem!important}.studentEditProfile-column--left{padding-bottom:.5rem!important;margin-bottom:.5rem!important}.studentEditProfile-password-rules{padding-left:35px!important;font-size:.55rem!important}.studentEditProfile-field-wrapper-buttons{flex-direction:column!important;gap:5px!important;margin-top:.5rem!important}.studentEditProfile-field-label{font-size:.62rem!important}.studentEditProfile-subfield-label{font-size:.6rem!important}.studentEditProfile-input-item{min-height:28px!important}.studentEditProfile-input-item ion-input::part(native){font-size:.75rem!important;padding:.2rem!important}.studentEditProfile-password-type-select{min-height:33px!important;padding:.2rem 1rem!important;font-size:.75rem!important}.studentEditProfile-pictogram-container{height:38px!important;padding:.2rem .3rem!important;gap:.2rem!important}.studentEditProfile-pictogram-box{width:30px!important;height:30px!important}.studentEditProfile-pictogram-box ion-img{width:20px!important;height:20px!important}.studentEditProfile-pictogram-add{width:20px!important;height:20px!important;font-size:.8rem!important}.studentEditProfile-confirm-button,.studentEditProfile-cancel-button{--padding: .4rem .8rem !important;font-size:.8rem!important;min-height:30px!important}}@media (orientation: portrait) and (min-height: 701px) and (max-width: 1050px){.studentEditProfile-edit-main-container{min-height:100vh!important;height:100vh!important;justify-content:flex-start!important;padding-top:20px!important}}@media (min-width: 901px) and (orientation: landscape) and (max-height: 790px){.studentEditProfile-edit-main-container{justify-content:flex-start!important;min-height:initial!important;height:auto!important;padding-top:5px!important;padding-bottom:5px!important}.studentEditProfile-form-card{padding:.8rem!important;position:static!important;transform:none!important;top:initial!important;left:initial!important}.studentEditProfile-form-card h2{font-size:1.1rem!important;margin-bottom:3px!important}.studentEditProfile-subtitle{font-size:.75rem!important;margin-bottom:8px!important}.studentEditProfile-column{gap:.3rem!important}.studentEditProfile-avatar-preview{width:4.5rem!important;height:4.5rem!important;margin-bottom:.3rem!important}.studentEditProfile-input-item,.studentEditProfile-password-type-select{min-height:35px!important;font-size:.85rem!important}.studentEditProfile-field-wrapper-buttons{margin-top:.5rem!important;gap:1rem!important}.studentEditProfile-password-rules{font-size:.7rem!important;padding:6px 10px 6px 25px!important}}@media (max-width: 900px){.studentEditProfile-avatar-picker{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:95vw!important;height:auto!important;max-height:90vh!important;z-index:9999!important;overflow:hidden!important}.studentEditProfile-picto-picker-custom{position:fixed!important;top:1%!important;left:50%!important;transform:translate(-50%)!important;width:95vw!important;max-height:45vh!important;z-index:9999!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}.studentEditProfile-picto-grid{max-height:35vh!important;overflow-y:auto!important}}@media (min-width: 850px){.ion-page{justify-content:flex-start!important}.studentEditProfile-edit-main-container{padding-top:5rem!important;margin:0 auto!important;width:100%!important}}.EditColorsStudent-Content{--background: var(--ion-color-primary-contrast)}.EditColor-Container{display:flex;flex-direction:column;align-content:center;justify-content:space-around;align-items:center;height:100% - clamp(100px,20vh,200px)}.Preview-PrimaryColors-Example{height:200px;width:400px;border-radius:40px;display:flex;flex-direction:row;justify-content:space-around;align-items:center;align-content:center}.Text-PrimaryColors-Example{font-size:50px;font-weight:700}.Button-PrimaryColors-Example{height:60px;width:90px;pointer-events:none}.Button-PrimaryColors-Grid{height:60px;width:90px}.Button-PrimaryColors-Grid:focus{border-color:var(--ion-color-primary)}.AdvancedConfiguration-PrimaryColors_example{margin-top:70px;display:flex;flex-direction:row;align-items:center;gap:60px}.colgrid-PrimaryColors-Example{margin-right:30px;margin-bottom:30px}.Accept-button-container-editColorsStudent{display:flex;justify-content:flex-end}.Accept-Button-image{height:120px;width:120px}.accepChanges-EditColor{height:150px;width:150px}.SelectorContainer-EditColorsStudent{width:100%}.ion-grid-custom{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:6px}@media (max-width: 820px){.AdvancedConfiguration-PrimaryColors_example{margin-top:0}.ion-grid-custom{grid-template-columns:repeat(2,1fr)}.accepChanges-EditColor{height:90px;width:90px}}@media (max-width: 768px){.AdvancedConfiguration-PrimaryColors_example{flex-direction:column}.colgrid-PrimaryColors-Example{width:100%!important;margin-bottom:16px}.AdvancedConfiguration-PrimaryColors_example{margin-top:50px}.ion-grid-custom{grid-template-columns:repeat(2,1fr)}}@media (max-width: 375px){.colgrid-PrimaryColors-Example{margin-right:15px}}@media (max-width: 430px){.Preview-PrimaryColors-Example{width:350px;height:180px}.SelectorContainer-EditColorsStudent{display:none}.AdvancedConfiguration-PrimaryColors_example{margin-top:30px}.ion-grid-custom{grid-template-columns:repeat(2,1fr)}.Button-PrimaryColors-Grid{width:100%}}@media (max-width: 1180px){.AdvancedConfiguration-PrimaryColors_example{margin-top:0}}.container-editNoiseStudent{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-width:100%;width:100%;margin:0;padding:0;text-align:center;background-color:transparent;height:auto;max-height:calc(100vh - 60px);display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.main-title-editNoiseStudent{font-size:min(2.5vh,1.8rem);font-weight:500;margin:min(1vh,10px) 0;padding:0;color:#000;flex-shrink:0}.themes-row-editNoiseStudent{display:grid;grid-template-columns:repeat(4,1fr);gap:min(1.5vh,12px);margin:0;padding:min(1vh,10px);flex:0 0 auto;align-content:flex-start;max-height:calc(100vh - 250px);overflow:hidden}@media (max-height: 700px),(max-width: 912px){.themes-row-editNoiseStudent{grid-template-columns:repeat(2,1fr);gap:min(1vh,10px);max-height:calc(100vh - 200px)}}.theme-card-editNoiseStudent{--border-width: clamp(4px, 1.2vw, 8px);--border-style: solid;--border-color: transparent;--border-radius: clamp(8px, 1vw, 16px);cursor:pointer;transition:all .2s ease;min-height:0;height:100%;box-sizing:border-box}.theme-card-editNoiseStudent .simple-button-content-editNoiseStudent{flex-direction:column;padding:min(1vh,10px);gap:0}.theme-card-editNoiseStudent.selected{--border-color: var(--ion-color-primary)}.theme-card-editNoiseStudent:hover,.theme-card-editNoiseStudent:focus{--border-color: var(--ion-color-primary);transform:none}.theme-card-editNoiseStudent.disabled{opacity:.4;cursor:not-allowed;pointer-events:none;filter:grayscale(1);--border-color: transparent !important}.theme-label-editNoiseStudent{margin-bottom:min(.5vh,5px);font-size:min(1.8vh,1rem);color:#333}.icon-circle-editNoiseStudent{width:min(10vh,80px);height:min(10vh,80px);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:min(5vh,2.8rem);margin-bottom:min(2.5vh,15px)}@media (max-height: 700px){.icon-circle-editNoiseStudent{width:min(7vh,60px);height:min(7vh,60px);font-size:min(3.5vh,2rem);margin-bottom:min(2.5vh,15px)}}.feedback-icons-editNoiseStudent{display:flex;gap:min(1vh,10px);justify-content:center}.feedback-item-editNoiseStudent{display:flex;flex-direction:column;align-items:center}.feedback-button-editNoiseStudent{width:clamp(48px,5vh,60px);height:clamp(48px,5vh,60px);min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center}@media (max-height: 700px) and (min-height: 601px){.feedback-button-editNoiseStudent{width:min(5vh,48px);height:min(5vh,48px)}}@media (max-height: 600px){.feedback-button-editNoiseStudent{width:48px;height:48px}}@media (max-width: 400px) and (min-height: 650px) and (orientation: portrait){.feedback-button-editNoiseStudent{width:48px!important;height:48px!important}.feedback-button-editNoiseStudent .btn-icon-editNoiseStudent{font-size:18px!important}.icon-circle-editNoiseStudent{width:52px!important;height:52px!important;font-size:1.6rem!important}.theme-card-editNoiseStudent{padding:5px!important}.feedback-icons-editNoiseStudent{gap:5px!important}}.feedback-button-editNoiseStudent .btn-icon-editNoiseStudent{font-size:min(3vh,22px);color:#fff}.controls-area-editNoiseStudent{display:flex;justify-content:center;align-items:center;padding:min(1vh,10px) min(1vw,15px);width:100%;flex-shrink:0;gap:min(2vw,15px);height:auto;max-height:120px;box-sizing:border-box;margin-top:auto;position:fixed;bottom:0;left:0;z-index:10}.volume-group-editNoiseStudent{display:flex;gap:min(1vw,10px);flex-shrink:1;position:absolute;bottom:min(1vh,10px);left:50%;transform:translate(-50%)}.volume-wrapper-editNoiseStudent{display:flex;flex-direction:column;align-items:center}.volume-label-editNoiseStudent{margin-bottom:min(1.5vh,10px);font-size:min(2vh,1rem);color:#333}@media (max-width: 500px){.volume-label-editNoiseStudent{display:none}.volume-wrapper-editNoiseStudent{gap:0}}.volume-button-editNoiseStudent{width:clamp(48px,8vh,70px);height:clamp(48px,8vh,70px);min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center}.volume-button-editNoiseStudent .front{background-color:#dcdcdc!important;color:#000!important}.volume-button-editNoiseStudent .edge{background-color:#b0b0b0!important;filter:brightness(.7);background-image:linear-gradient(to left,#00000040,#0000 8% 92%,#00000040)!important}.volume-button-editNoiseStudent.selected .front{background-color:var(--bubble-bg)!important;color:#000!important}.volume-button-editNoiseStudent.selected .edge{background-color:var(--bubble-bg)!important;filter:brightness(.7);background-image:linear-gradient(to left,#00000040,#0000 8% 92%,#00000040)!important}.volume-button-editNoiseStudent .btn-icon-editNoiseStudent{font-size:clamp(24px,4vh,32px);color:inherit;font-weight:400;--ionicon-stroke-width: 32px}@media (min-width: 1024px){.volume-button-editNoiseStudent{width:100px;height:100px}.volume-button-editNoiseStudent .btn-icon-editNoiseStudent{font-size:40px}.volume-label-editNoiseStudent{font-size:1.1rem}}@media (max-width: 430px){.container-editNoiseStudent{max-height:100vh;overflow:hidden;padding-bottom:0}.main-title-editNoiseStudent{font-size:1rem;margin:8px 0 5px;font-family:var(--tatomaths-font);font-weight:var(--tatomaths-weight)}.themes-row-editNoiseStudent{display:flex;flex-direction:column;gap:6px;padding:5px 8px;max-height:calc(100vh - 180px);overflow-y:auto;overflow-x:hidden}.icon-circle-editNoiseStudent{display:none}.theme-card-editNoiseStudent .simple-button-content-editNoiseStudent{padding:8px;gap:4px}.theme-label-editNoiseStudent{font-size:.9rem;margin-bottom:6px;font-weight:500}.feedback-icons-editNoiseStudent{gap:6px}.feedback-button-editNoiseStudent{width:48px;height:48px}.feedback-button-editNoiseStudent .btn-icon-editNoiseStudent{font-size:20px}.controls-area-editNoiseStudent{max-height:90px;padding:5px 8px}.volume-group-editNoiseStudent{gap:6px;bottom:8px}.volume-button-editNoiseStudent{width:48px;height:48px}.volume-button-editNoiseStudent .btn-icon-editNoiseStudent{font-size:22px}.Accept-button-container-editNoiseStudent{bottom:8px;right:8px}.Accept-Button-image-editNoiseStudent{height:60px;width:60px;min-height:60px;min-width:60px}}@media (max-height: 815px) and (max-width: 530px){.container-editNoiseStudent{height:auto;max-height:none;overflow:visible;padding-bottom:65px}.main-title-editNoiseStudent{font-size:1.2rem;margin:5px 0}.themes-row-editNoiseStudent{overflow:visible;max-height:none;margin-bottom:5px;padding-bottom:5px}.controls-area-editNoiseStudent{display:flex!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;height:60px!important;min-height:60px!important;max-height:60px!important;padding:6px 15px!important;margin:0!important;background:var(--ion-color-primary-contrast)!important;border-top:1px solid #e0e0e0!important;z-index:11!important;box-sizing:border-box!important;gap:0!important}.volume-group-editNoiseStudent{position:static!important;transform:none!important;display:flex!important;flex-direction:row!important;gap:6px!important;margin:0 auto!important;bottom:auto!important;left:auto!important}.volume-wrapper-editNoiseStudent{position:static}.volume-button-editNoiseStudent{width:48px;height:48px;min-width:48px;min-height:48px;flex-shrink:0}.volume-button-editNoiseStudent .btn-icon-editNoiseStudent{font-size:20px}.volume-label-editNoiseStudent{display:none}.Accept-button-container-editNoiseStudent{position:absolute!important;transform:translateY(-50%)!important;margin:0!important;inset:50% 10px auto auto!important}.Accept-button-container-editNoiseStudent .Accept-Button-Button-editNoiseStudent{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;max-width:48px!important;max-height:48px!important}.Accept-button-container-editNoiseStudent .Accept-Button-image-editNoiseStudent{width:40px!important;height:40px!important;max-width:40px!important;max-height:40px!important;object-fit:contain!important;display:block!important}.icon-circle-editNoiseStudent{width:45px;height:45px;font-size:1.4rem;margin-bottom:6px}.feedback-button-editNoiseStudent{width:48px;height:48px;min-width:48px;min-height:48px}.feedback-button-editNoiseStudent .btn-icon-editNoiseStudent{font-size:18px}.theme-card-editNoiseStudent .simple-button-content-editNoiseStudent{padding:6px}}.Accept-button-container-editNoiseStudent{flex-shrink:0;position:fixed;bottom:min(1vh,10px);right:min(2vw,20px);z-index:11}.Accept-Button-Button-editNoiseStudent{min-width:48px;min-height:48px}.Accept-Button-image-editNoiseStudent{height:min(10vh,90px);width:min(10vh,90px);object-fit:contain}@media (max-height: 600px){.main-title-editNoiseStudent{font-size:1rem;margin:5px 0}.themes-row-editNoiseStudent{gap:6px;padding:5px;max-height:calc(100vh - 180px)}.theme-card-editNoiseStudent{padding:5px}.icon-circle-editNoiseStudent{width:50px;height:50px;font-size:1.5rem;margin-bottom:4px}.feedback-button-editNoiseStudent{width:48px;height:48px}.feedback-button-editNoiseStudent .btn-icon-editNoiseStudent{font-size:18px}.volume-button-editNoiseStudent{width:48px;height:48px}.volume-button-editNoiseStudent .btn-icon-editNoiseStudent{font-size:20px}.Accept-Button-image-editNoiseStudent{height:70px;width:70px}.controls-area-editNoiseStudent{max-height:100px;padding:5px 10px}}@media (max-width: 480px){.themes-row-editNoiseStudent{grid-template-columns:repeat(2,1fr)}.volume-group-editNoiseStudent,.feedback-icons-editNoiseStudent{gap:8px}}@media (max-width: 530px){.controls-area-editNoiseStudent{height:auto;max-height:min(30vh,200px)}.volume-group-editNoiseStudent{bottom:min(18vh,155px);left:50%;transform:translate(-50%)}.Accept-button-container-editNoiseStudent{left:50%;transform:translate(-50%);right:auto;bottom:10px}}@media (max-height: 500px) and (orientation: landscape){.container-editNoiseStudent{padding:0;margin-top:-50px}.main-title-editNoiseStudent{font-size:clamp(1rem,3vh,1.5rem);margin:0;margin-bottom:min(8vh,45px)}.themes-row-editNoiseStudent{display:flex;flex-direction:row;justify-content:center;gap:min(1.5vh,10px);padding:min(.5vh,4px);max-height:calc(100vh - 120px);overflow-x:auto;overflow-y:hidden}.theme-card-editNoiseStudent{padding:min(1.2vh,10px);flex-direction:column;min-width:min(20vw,150px);flex-shrink:0}.theme-label-editNoiseStudent{font-size:clamp(.8rem,2vh,1rem);margin-bottom:min(.8vh,6px)}.icon-circle-editNoiseStudent{width:min(12vh,70px);height:min(12vh,70px);font-size:min(6vh,2.5rem);margin-bottom:min(2.5vh,15px)}.feedback-icons-editNoiseStudent{gap:min(1.8vh,12px)}.feedback-button-editNoiseStudent{width:clamp(48px,9vh,60px);height:clamp(48px,9vh,60px)}.feedback-button-editNoiseStudent .btn-icon-editNoiseStudent{font-size:min(4.5vh,28px)}.volume-button-editNoiseStudent{width:min(10vh,65px);height:min(10vh,65px)}.volume-button-editNoiseStudent .btn-icon-editNoiseStudent{font-size:min(5vh,30px)}.Accept-Button-image-editNoiseStudent{height:min(12vh,85px);width:min(12vh,85px)}.controls-area-editNoiseStudent{max-height:100px}}@media (max-height: 500px) and (orientation: landscape){.icon-circle-editNoiseStudent{display:none!important}.theme-label-editNoiseStudent{margin-bottom:min(1.5vh,10px)!important}.feedback-icons-editNoiseStudent{margin-top:min(1vh,8px)}}@media (max-width: 862px) and (orientation: landscape){.feedback-icons-editNoiseStudent{display:none!important}.icon-circle-editNoiseStudent{display:flex!important;margin-bottom:min(1.5vh,10px)!important}.theme-label-editNoiseStudent{margin-bottom:0!important}}.ContentEditTextTeacher{--background: var(--ion-color-primary-contrast)}.MainContainer-EditText{display:flex;flex-direction:column;justify-content:space-around;height:100%}.fontWeightContainer{display:flex;align-items:center;justify-content:space-around;padding:12px}.previewBox{padding:12px 18px;border-radius:10px;border:1px solid var(--ion-color-primary);background-color:#fff;min-width:120px;width:500px;text-align:center;font-size:18px}.weightSelector{min-width:130px;width:300px;--padding-start: 10px;--padding-end: 10px}.weightSelector:hover{border-color:gray}.weightSelector:focus{border-color:var(--ion-color-primary)}.Iontoast-EditarText{font-size:24px;text-align:center}@media (max-width: 430px){.fontWeightContainer{flex-direction:column;gap:10px}.previewBox{font-size:12px;width:300px}}.fontSelector-grid{display:flex;justify-content:center;gap:50px;flex-wrap:wrap;margin-top:80px}.fontSelector-card{width:250px;height:200px;border-radius:12px;border:4px solid transparent;background:#fff;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:.25s}.fontSelector-card:hover,.fontSelector-card:focus{transform:scale(1.05);border-color:var(--ion-color-primary)}.fontSelected{border-color:var(--ion-color-primary);box-shadow:0 0 6px #0003}.fontPreview{font-size:32px;margin-bottom:6px}.fontLabel{font-size:18px}.ContentEditMessagesProfesor{--background: var(--ion-color-primary-contrast)}.edit-messages-columns{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:30px;gap:100px;height:calc(100% - 60px)}.edit-messages-column{display:flex;flex-direction:column;margin:0 10px;justify-content:center;align-items:center;flex:1;min-width:300px;max-width:400px}.edit-messages-table{display:flex;flex-direction:column;flex-wrap:nowrap;flex-grow:1 1;width:100%;height:50vh}.edit-messages-items{border:3px solid var(--ion-color-primary);overflow-y:auto;border-radius:20px;flex-grow:1;width:100%;position:relative}.List-EditMessages{background-color:var(--ion-color-primary-contrast)}.edit-messages-input-container{display:flex;flex-direction:row;align-items:center;margin-top:10px;width:100%;position:relative}.edit-messages-input{flex:1;border:2px solid var(--ion-color-primary);border-radius:10px;--padding-start: 10px;--padding-end: 50px}.edit-messages-add-btn{position:absolute;right:5px;--border-radius: 50%;width:36px;height:36px;--padding-start: 0;--padding-end: 0;z-index:100}.edit-messages-toast{font-size:24px;text-align:center}@media (max-width: 767px){.edit-messages-columns{flex-direction:column;gap:30px;height:auto;padding:20px;margin:0}.edit-messages-column{max-width:none;width:90%}}@media (min-width: 768px) and (max-width: 1024px) and (max-height: 599px){.edit-messages-columns{flex-direction:column;gap:30px;height:auto;padding:20px;margin:0;justify-content:center;align-items:center}.edit-messages-column{max-width:none;width:90%}.edit-messages-table{height:35vh}}@media (min-width: 768px) and (max-width: 1024px) and (min-height: 769px) and (max-height: 1400px){.edit-messages-columns{flex-direction:column;gap:30px;height:auto;padding:20px;margin:0;justify-content:center;align-items:center}.edit-messages-column{max-width:none;width:90%}.edit-messages-table{height:35vh}}.message-item-content{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;padding:15px;border-bottom:1px solid gray;gap:15px;background-color:var(--ion-color-primary-contrast);font-size:var(--tatomaths-font)}.messageitem-Item{--background: var(--ion-color-primary-contrast)}.avatar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.avatar-item{display:flex;flex-direction:column;align-items:center;cursor:pointer}.avatar-image{width:20px;height:20px}.avatar-name{margin-top:8px;font-size:14px;font-family:var(--tatomaths-text);font-weight:var(--tatomaths-weight);text-align:center}.avatar-wrapper{width:auto;height:50px;margin:0 auto;padding:0}.avatar-img{width:100%;height:100%}.avatar-selected{outline:3px solid var(--ion-color-primary)}