/* Generated from the main PHP site styles; scoped to shared header/footer wrappers. */
.mg-shared-shell *,.mg-shared-shell ::after,.mg-shared-shell ::before{--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ;}
.mg-shared-shell ::backdrop{--tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ;}
.mg-shared-shell *,.mg-shared-shell ::after,.mg-shared-shell ::before{box-sizing: border-box; border: 0px solid rgb(229, 231, 235);}
.mg-shared-shell ::after,.mg-shared-shell ::before{--tw-content: "";}
.mg-shared-shell,.mg-shared-shell{line-height: 1.5; text-size-adjust: 100%; tab-size: 4; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent;}
.mg-shared-shell{margin: 0px; line-height: inherit;}
.mg-shared-shell hr{height: 0px; color: inherit; border-top-width: 1px;}
.mg-shared-shell abbr:where([title]){text-decoration: underline dotted;}
.mg-shared-shell h1,.mg-shared-shell h2,.mg-shared-shell h3,.mg-shared-shell h4,.mg-shared-shell h5,.mg-shared-shell h6{font-size: inherit; font-weight: inherit;}
.mg-shared-shell a{color: inherit; text-decoration: inherit;}
.mg-shared-shell b,.mg-shared-shell strong{font-weight: bolder;}
.mg-shared-shell code,.mg-shared-shell kbd,.mg-shared-shell pre,.mg-shared-shell samp{font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-feature-settings: normal; font-variation-settings: normal; font-size: 1em;}
.mg-shared-shell small{font-size: 80%;}
.mg-shared-shell sub,.mg-shared-shell sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
.mg-shared-shell sub{bottom: -0.25em;}
.mg-shared-shell sup{top: -0.5em;}
.mg-shared-shell table{text-indent: 0px; border-color: inherit; border-collapse: collapse;}
.mg-shared-shell button,.mg-shared-shell input,.mg-shared-shell optgroup,.mg-shared-shell select,.mg-shared-shell textarea{font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0px; padding: 0px;}
.mg-shared-shell button,.mg-shared-shell select{text-transform: none;}
.mg-shared-shell button,.mg-shared-shell input:where([type="button"]),.mg-shared-shell input:where([type="reset"]),.mg-shared-shell input:where([type="submit"]){appearance: button; background-color: transparent; background-image: none;}
.mg-shared-shell progress{vertical-align: baseline;}
.mg-shared-shell ::-webkit-inner-spin-button,.mg-shared-shell ::-webkit-outer-spin-button{height: auto;}
.mg-shared-shell [type="search"]{appearance: textfield; outline-offset: -2px;}
.mg-shared-shell ::-webkit-search-decoration{appearance: none;}
.mg-shared-shell ::-webkit-file-upload-button{appearance: button; font: inherit;}
.mg-shared-shell summary{display: list-item;}
.mg-shared-shell blockquote,.mg-shared-shell dd,.mg-shared-shell dl,.mg-shared-shell figure,.mg-shared-shell h1,.mg-shared-shell h2,.mg-shared-shell h3,.mg-shared-shell h4,.mg-shared-shell h5,.mg-shared-shell h6,.mg-shared-shell hr,.mg-shared-shell p,.mg-shared-shell pre{margin: 0px;}
.mg-shared-shell fieldset{margin: 0px;}
.mg-shared-shell fieldset,.mg-shared-shell legend{padding: 0px;}
.mg-shared-shell menu,.mg-shared-shell ol,.mg-shared-shell ul{list-style: none; margin: 0px; padding: 0px;}
.mg-shared-shell dialog{padding: 0px;}
.mg-shared-shell textarea{resize: vertical;}
.mg-shared-shell input::placeholder,.mg-shared-shell textarea::placeholder{opacity: 1; color: rgb(156, 163, 175);}
.mg-shared-shell [role="button"],.mg-shared-shell button{cursor: pointer;}
.mg-shared-shell :disabled{cursor: default;}
.mg-shared-shell audio,.mg-shared-shell canvas,.mg-shared-shell embed,.mg-shared-shell iframe,.mg-shared-shell img,.mg-shared-shell object,.mg-shared-shell svg,.mg-shared-shell video{display: block; vertical-align: middle;}
.mg-shared-shell img,.mg-shared-shell video{max-width: 100%; height: auto;}
.mg-shared-shell [hidden]:where(:not([hidden="until-found"])){display: none;}
.mg-shared-shell input:where(:not([type])),.mg-shared-shell input:where([type="date"]),.mg-shared-shell input:where([type="datetime-local"]),.mg-shared-shell input:where([type="email"]),.mg-shared-shell input:where([type="month"]),.mg-shared-shell input:where([type="number"]),.mg-shared-shell input:where([type="password"]),.mg-shared-shell input:where([type="search"]),.mg-shared-shell input:where([type="tel"]),.mg-shared-shell input:where([type="text"]),.mg-shared-shell input:where([type="time"]),.mg-shared-shell input:where([type="url"]),.mg-shared-shell input:where([type="week"]),.mg-shared-shell select,.mg-shared-shell select:where([multiple]),.mg-shared-shell textarea{appearance: none; background-color: rgb(255, 255, 255); border-color: rgb(107, 114, 128); border-width: 1px; border-radius: 0px; padding: 0.5rem 0.75rem; font-size: 1rem; line-height: 1.5rem; --tw-shadow: 0 0 #0000;}
.mg-shared-shell input:where(:not([type])):focus,.mg-shared-shell input:where([type="date"]):focus,.mg-shared-shell input:where([type="datetime-local"]):focus,.mg-shared-shell input:where([type="email"]):focus,.mg-shared-shell input:where([type="month"]):focus,.mg-shared-shell input:where([type="number"]):focus,.mg-shared-shell input:where([type="password"]):focus,.mg-shared-shell input:where([type="search"]):focus,.mg-shared-shell input:where([type="tel"]):focus,.mg-shared-shell input:where([type="text"]):focus,.mg-shared-shell input:where([type="time"]):focus,.mg-shared-shell input:where([type="url"]):focus,.mg-shared-shell input:where([type="week"]):focus,.mg-shared-shell select:focus,.mg-shared-shell select:where([multiple]):focus,.mg-shared-shell textarea:focus{outline: transparent solid 2px; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); border-color: rgb(37, 99, 235);}
.mg-shared-shell input::placeholder,.mg-shared-shell textarea::placeholder{color: rgb(107, 114, 128); opacity: 1;}
.mg-shared-shell ::-webkit-datetime-edit-fields-wrapper{padding: 0px;}
.mg-shared-shell ::-webkit-date-and-time-value{min-height: 1.5em; text-align: inherit;}
.mg-shared-shell ::-webkit-datetime-edit{display: inline-flex;}
.mg-shared-shell ::-webkit-datetime-edit,.mg-shared-shell ::-webkit-datetime-edit-day-field,.mg-shared-shell ::-webkit-datetime-edit-hour-field,.mg-shared-shell ::-webkit-datetime-edit-meridiem-field,.mg-shared-shell ::-webkit-datetime-edit-millisecond-field,.mg-shared-shell ::-webkit-datetime-edit-minute-field,.mg-shared-shell ::-webkit-datetime-edit-month-field,.mg-shared-shell ::-webkit-datetime-edit-second-field,.mg-shared-shell ::-webkit-datetime-edit-year-field{padding-top: 0px; padding-bottom: 0px;}
.mg-shared-shell select{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; padding-right: 2.5rem; print-color-adjust: exact;}
.mg-shared-shell select:where([multiple]),.mg-shared-shell select:where([size]:not([size="1"])){background-image: none; background-position: 0px 0px; background-repeat: unset; background-size: initial; padding-right: 0.75rem; print-color-adjust: unset;}
.mg-shared-shell input:where([type="checkbox"]),.mg-shared-shell input:where([type="radio"]){appearance: none; padding: 0px; print-color-adjust: exact; display: inline-block; vertical-align: middle; background-origin: border-box; user-select: none; flex-shrink: 0; height: 1rem; width: 1rem; color: rgb(37, 99, 235); background-color: rgb(255, 255, 255); border-color: rgb(107, 114, 128); border-width: 1px; --tw-shadow: 0 0 #0000;}
.mg-shared-shell input:where([type="checkbox"]){border-radius: 0px;}
.mg-shared-shell input:where([type="radio"]){border-radius: 100%;}
.mg-shared-shell input:where([type="checkbox"]):focus,.mg-shared-shell input:where([type="radio"]):focus{outline: transparent solid 2px; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 2px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);}
.mg-shared-shell input:where([type="checkbox"]):checked,.mg-shared-shell input:where([type="radio"]):checked{border-color: transparent; background-color: currentcolor; background-size: 100% 100%; background-position: 50% center; background-repeat: no-repeat;}
.mg-shared-shell input:where([type="checkbox"]):checked{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E");}
@media (forced-colors: active){.mg-shared-shell input:where([type="checkbox"]):checked{appearance: auto;}}
.mg-shared-shell input:where([type="radio"]):checked{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E");}
@media (forced-colors: active){.mg-shared-shell input:where([type="radio"]):checked{appearance: auto;}}
.mg-shared-shell input:where([type="checkbox"]):checked:focus,.mg-shared-shell input:where([type="checkbox"]):checked:hover,.mg-shared-shell input:where([type="radio"]):checked:focus,.mg-shared-shell input:where([type="radio"]):checked:hover{border-color: transparent; background-color: currentcolor;}
.mg-shared-shell input:where([type="checkbox"]):indeterminate{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E"); border-color: transparent; background-color: currentcolor; background-size: 100% 100%; background-position: 50% center; background-repeat: no-repeat;}
@media (forced-colors: active){.mg-shared-shell input:where([type="checkbox"]):indeterminate{appearance: auto;}}
.mg-shared-shell input:where([type="checkbox"]):indeterminate:focus,.mg-shared-shell input:where([type="checkbox"]):indeterminate:hover{border-color: transparent; background-color: currentcolor;}
.mg-shared-shell input:where([type="file"]){background: unset; border-color: inherit; border-width: 0px; border-radius: 0px; padding: 0px; font-size: unset; line-height: inherit;}
.mg-shared-shell input:where([type="file"]):focus{outline: -webkit-focus-ring-color auto 1px;}
.mg-shared-shell .container{width: 100%;}
@media (min-width: 640px){.mg-shared-shell .container{max-width: 640px;}}
@media (min-width: 768px){.mg-shared-shell .container{max-width: 768px;}}
@media (min-width: 1024px){.mg-shared-shell .container{max-width: 1024px;}}
@media (min-width: 1280px){.mg-shared-shell .container{max-width: 1280px;}}
@media (min-width: 1536px){.mg-shared-shell .container{max-width: 1536px;}}
.mg-shared-shell .pointer-events-none{pointer-events: none;}
.mg-shared-shell .visible{visibility: visible;}
.mg-shared-shell .invisible{visibility: hidden;}
.mg-shared-shell .static{position: static;}
.mg-shared-shell .fixed{position: fixed;}
.mg-shared-shell .absolute{position: absolute;}
.mg-shared-shell .relative{position: relative;}
.mg-shared-shell .sticky{position: sticky;}
.mg-shared-shell .inset-0{inset: 0px;}
.mg-shared-shell .inset-y-0{top: 0px; bottom: 0px;}
.mg-shared-shell .-right-10{right: -2.5rem;}
.mg-shared-shell .-top-0\.5{top: -0.125rem;}
.mg-shared-shell .-top-10{top: -2.5rem;}
.mg-shared-shell .bottom-0{bottom: 0px;}
.mg-shared-shell .left-0{left: 0px;}
.mg-shared-shell .left-1\/2{left: 50%;}
.mg-shared-shell .left-4{left: 1rem;}
.mg-shared-shell .left-5{left: 1.25rem;}
.mg-shared-shell .left-\[2px\]{left: 2px;}
.mg-shared-shell .right-2\.5{right: 0.625rem;}
.mg-shared-shell .right-3{right: 0.75rem;}
.mg-shared-shell .right-4{right: 1rem;}
.mg-shared-shell .top-0{top: 0px;}
.mg-shared-shell .top-1\/2{top: 50%;}
.mg-shared-shell .top-2{top: 0.5rem;}
.mg-shared-shell .top-2\.5{top: 0.625rem;}
.mg-shared-shell .top-24{top: 6rem;}
.mg-shared-shell .top-32{top: 8rem;}
.mg-shared-shell .top-\[100\%\]{top: 100%;}
.mg-shared-shell .z-50{z-index: 50;}
.mg-shared-shell .z-\[100\]{z-index: 100;}
.mg-shared-shell .z-\[110\]{z-index: 110;}
.mg-shared-shell .z-\[90\]{z-index: 90;}
.mg-shared-shell .order-1{order: 1;}
.mg-shared-shell .order-2{order: 2;}
.mg-shared-shell .col-span-1{grid-column: span 1 / span 1;}
.mg-shared-shell .col-span-12{grid-column: span 12 / span 12;}
.mg-shared-shell .col-span-2{grid-column: span 2 / span 2;}
.mg-shared-shell .col-span-3{grid-column: span 3 / span 3;}
.mg-shared-shell .col-span-4{grid-column: span 4 / span 4;}
.mg-shared-shell .col-span-5{grid-column: span 5 / span 5;}
.mg-shared-shell .col-span-6{grid-column: span 6 / span 6;}
.mg-shared-shell .m-0{margin: 0px;}
.mg-shared-shell .mx-1{margin-left: 0.25rem; margin-right: 0.25rem;}
.mg-shared-shell .mx-8{margin-left: 2rem; margin-right: 2rem;}
.mg-shared-shell .mx-auto{margin-left: auto; margin-right: auto;}
.mg-shared-shell .my-10{margin-top: 2.5rem; margin-bottom: 2.5rem;}
.mg-shared-shell .my-2{margin-top: 0.5rem; margin-bottom: 0.5rem;}
.mg-shared-shell .my-6{margin-top: 1.5rem; margin-bottom: 1.5rem;}
.mg-shared-shell .-ml-2{margin-left: -0.5rem;}
.mg-shared-shell .-mr-2{margin-right: -0.5rem;}
.mg-shared-shell .mb-1{margin-bottom: 0.25rem;}
.mg-shared-shell .mb-10{margin-bottom: 2.5rem;}
.mg-shared-shell .mb-12{margin-bottom: 3rem;}
.mg-shared-shell .mb-16{margin-bottom: 4rem;}
.mg-shared-shell .mb-2{margin-bottom: 0.5rem;}
.mg-shared-shell .mb-20{margin-bottom: 5rem;}
.mg-shared-shell .mb-24{margin-bottom: 6rem;}
.mg-shared-shell .mb-3{margin-bottom: 0.75rem;}
.mg-shared-shell .mb-32{margin-bottom: 8rem;}
.mg-shared-shell .mb-4{margin-bottom: 1rem;}
.mg-shared-shell .mb-6{margin-bottom: 1.5rem;}
.mg-shared-shell .mb-8{margin-bottom: 2rem;}
.mg-shared-shell .ml-1{margin-left: 0.25rem;}
.mg-shared-shell .ml-2{margin-left: 0.5rem;}
.mg-shared-shell .ml-4{margin-left: 1rem;}
.mg-shared-shell .mr-1{margin-right: 0.25rem;}
.mg-shared-shell .mt-0\.5{margin-top: 0.125rem;}
.mg-shared-shell .mt-1{margin-top: 0.25rem;}
.mg-shared-shell .mt-10{margin-top: 2.5rem;}
.mg-shared-shell .mt-12{margin-top: 3rem;}
.mg-shared-shell .mt-2{margin-top: 0.5rem;}
.mg-shared-shell .mt-20{margin-top: 5rem;}
.mg-shared-shell .mt-3{margin-top: 0.75rem;}
.mg-shared-shell .mt-4{margin-top: 1rem;}
.mg-shared-shell .mt-6{margin-top: 1.5rem;}
.mg-shared-shell .mt-8{margin-top: 2rem;}
.mg-shared-shell .mt-auto{margin-top: auto;}
.mg-shared-shell .box-border{box-sizing: border-box;}
.mg-shared-shell .line-clamp-2{overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.mg-shared-shell .block{display: block;}
.mg-shared-shell .inline-block{display: inline-block;}
.mg-shared-shell .flex{display: flex;}
.mg-shared-shell .table{display: table;}
.mg-shared-shell .grid{display: grid;}
.mg-shared-shell .hidden{display: none;}
.mg-shared-shell .aspect-\[4\/5\]{aspect-ratio: 4 / 5;}
.mg-shared-shell .aspect-square{aspect-ratio: 1 / 1;}
.mg-shared-shell .h-1{height: 0.25rem;}
.mg-shared-shell .h-10{height: 2.5rem;}
.mg-shared-shell .h-12{height: 3rem;}
.mg-shared-shell .h-16{height: 4rem;}
.mg-shared-shell .h-2{height: 0.5rem;}
.mg-shared-shell .h-24{height: 6rem;}
.mg-shared-shell .h-3{height: 0.75rem;}
.mg-shared-shell .h-32{height: 8rem;}
.mg-shared-shell .h-4{height: 1rem;}
.mg-shared-shell .h-40{height: 10rem;}
.mg-shared-shell .h-5{height: 1.25rem;}
.mg-shared-shell .h-6{height: 1.5rem;}
.mg-shared-shell .h-64{height: 16rem;}
.mg-shared-shell .h-\[250px\]{height: 250px;}
.mg-shared-shell .h-\[400px\]{height: 400px;}
.mg-shared-shell .h-\[50px\]{height: 50px;}
.mg-shared-shell .h-\[90px\]{height: 90px;}
.mg-shared-shell .h-auto{height: auto;}
.mg-shared-shell .h-full{height: 100%;}
.mg-shared-shell .h-px{height: 1px;}
.mg-shared-shell .h-screen{height: 100vh;}
.mg-shared-shell .max-h-96{max-height: 24rem;}
.mg-shared-shell .max-h-\[250px\]{max-height: 250px;}
.mg-shared-shell .max-h-\[400px\]{max-height: 400px;}
.mg-shared-shell .max-h-\[70vh\]{max-height: 70vh;}
.mg-shared-shell .min-h-\[120px\]{min-height: 120px;}
.mg-shared-shell .min-h-\[250px\]{min-height: 250px;}
.mg-shared-shell .min-h-\[400px\]{min-height: 400px;}
.mg-shared-shell .min-h-\[600px\]{min-height: 600px;}
.mg-shared-shell .w-10{width: 2.5rem;}
.mg-shared-shell .w-12{width: 3rem;}
.mg-shared-shell .w-16{width: 4rem;}
.mg-shared-shell .w-24{width: 6rem;}
.mg-shared-shell .w-3{width: 0.75rem;}
.mg-shared-shell .w-4{width: 1rem;}
.mg-shared-shell .w-40{width: 10rem;}
.mg-shared-shell .w-5{width: 1.25rem;}
.mg-shared-shell .w-6{width: 1.5rem;}
.mg-shared-shell .w-64{width: 16rem;}
.mg-shared-shell .w-fit{width: fit-content;}
.mg-shared-shell .w-full{width: 100%;}
.mg-shared-shell .max-w-2xl{max-width: 42rem;}
.mg-shared-shell .max-w-3xl{max-width: 48rem;}
.mg-shared-shell .max-w-7xl{max-width: 80rem;}
.mg-shared-shell .max-w-full{max-width: 100%;}
.mg-shared-shell .max-w-none{max-width: none;}
.mg-shared-shell .max-w-sm{max-width: 24rem;}
.mg-shared-shell .max-w-xs{max-width: 20rem;}
.mg-shared-shell .flex-1{flex: 1 1 0%;}
.mg-shared-shell .flex-shrink-0{flex-shrink: 0;}
.mg-shared-shell .shrink{flex-shrink: 1;}
.mg-shared-shell .shrink-0{flex-shrink: 0;}
.mg-shared-shell .flex-grow,.mg-shared-shell .grow{flex-grow: 1;}
.mg-shared-shell .border-collapse{border-collapse: collapse;}
.mg-shared-shell .-translate-x-1\/2{--tw-translate-x: -50%;}
.mg-shared-shell .-translate-x-1\/2,.mg-shared-shell .-translate-y-1\/2{transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
.mg-shared-shell .-translate-y-1\/2{--tw-translate-y: -50%;}
.mg-shared-shell .-translate-y-\[45\%\]{--tw-translate-y: -45%;}
.mg-shared-shell .-rotate-90,.mg-shared-shell .-translate-y-\[45\%\]{transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
.mg-shared-shell .-rotate-90{--tw-rotate: -90deg;}
.mg-shared-shell .transform{transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
.mg-shared-shell .cursor-not-allowed{cursor: not-allowed;}
.mg-shared-shell .cursor-pointer{cursor: pointer;}
.mg-shared-shell .select-none{user-select: none;}
.mg-shared-shell .list-inside{list-style-position: inside;}
.mg-shared-shell .list-disc{list-style-type: disc;}
.mg-shared-shell .list-none{list-style-type: none;}
.mg-shared-shell .appearance-none{appearance: none;}
.mg-shared-shell .grid-cols-1{grid-template-columns: repeat(1, minmax(0px, 1fr));}
.mg-shared-shell .grid-cols-12{grid-template-columns: repeat(12, minmax(0px, 1fr));}
.mg-shared-shell .grid-cols-2{grid-template-columns: repeat(2, minmax(0px, 1fr));}
.mg-shared-shell .grid-cols-3{grid-template-columns: repeat(3, minmax(0px, 1fr));}
.mg-shared-shell .grid-rows-2{grid-template-rows: repeat(2, minmax(0px, 1fr));}
.mg-shared-shell .flex-col{flex-direction: column;}
.mg-shared-shell .flex-wrap{flex-wrap: wrap;}
.mg-shared-shell .items-start{align-items: flex-start;}
.mg-shared-shell .items-end{align-items: flex-end;}
.mg-shared-shell .items-center{align-items: center;}
.mg-shared-shell .items-baseline{align-items: baseline;}
.mg-shared-shell .justify-end{justify-content: flex-end;}
.mg-shared-shell .justify-center{justify-content: center;}
.mg-shared-shell .justify-between{justify-content: space-between;}
.mg-shared-shell .gap-1{gap: 0.25rem;}
.mg-shared-shell .gap-10{gap: 2.5rem;}
.mg-shared-shell .gap-12{gap: 3rem;}
.mg-shared-shell .gap-16{gap: 4rem;}
.mg-shared-shell .gap-2{gap: 0.5rem;}
.mg-shared-shell .gap-3{gap: 0.75rem;}
.mg-shared-shell .gap-4{gap: 1rem;}
.mg-shared-shell .gap-6{gap: 1.5rem;}
.mg-shared-shell .gap-8{gap: 2rem;}
.mg-shared-shell .gap-y-1{row-gap: 0.25rem;}
.mg-shared-shell .space-x-1 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse: 0; margin-right: calc(.25rem*var(--tw-space-x-reverse)); margin-left: calc(.25rem*(1 - var(--tw-space-x-reverse)));}
.mg-shared-shell .space-x-5 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse: 0; margin-right: calc(1.25rem*var(--tw-space-x-reverse)); margin-left: calc(1.25rem*(1 - var(--tw-space-x-reverse)));}
.mg-shared-shell .space-y-1 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse: 0; margin-top: calc(.25rem*(1 - var(--tw-space-y-reverse))); margin-bottom: calc(.25rem*var(--tw-space-y-reverse));}
.mg-shared-shell .space-y-10 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse: 0; margin-top: calc(2.5rem*(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2.5rem*var(--tw-space-y-reverse));}
.mg-shared-shell .space-y-2 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse: 0; margin-top: calc(.5rem*(1 - var(--tw-space-y-reverse))); margin-bottom: calc(.5rem*var(--tw-space-y-reverse));}
.mg-shared-shell .space-y-3 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse: 0; margin-top: calc(.75rem*(1 - var(--tw-space-y-reverse))); margin-bottom: calc(.75rem*var(--tw-space-y-reverse));}
.mg-shared-shell .space-y-4 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse: 0; margin-top: calc(1rem*(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem*var(--tw-space-y-reverse));}
.mg-shared-shell .space-y-6 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse: 0; margin-top: calc(1.5rem*(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem*var(--tw-space-y-reverse));}
.mg-shared-shell .space-y-8 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse: 0; margin-top: calc(2rem*(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2rem*var(--tw-space-y-reverse));}
.mg-shared-shell .divide-y > :not([hidden]) ~ :not([hidden]){--tw-divide-y-reverse: 0; border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px*var(--tw-divide-y-reverse));}
.mg-shared-shell .divide-outline-variant\/10 > :not([hidden]) ~ :not([hidden]){border-color: rgba(195, 198, 214, 0.1);}
.mg-shared-shell .overflow-hidden{overflow: hidden;}
.mg-shared-shell .overflow-x-auto{overflow-x: auto;}
.mg-shared-shell .overflow-y-auto{overflow-y: auto;}
.mg-shared-shell .whitespace-nowrap{white-space: nowrap;}
.mg-shared-shell .break-normal{overflow-wrap: normal; word-break: normal;}
.mg-shared-shell .break-words{overflow-wrap: break-word;}
.mg-shared-shell .break-all{word-break: break-all;}
.mg-shared-shell .rounded{border-radius: 0.125rem;}
.mg-shared-shell .rounded-2xl{border-radius: 1rem;}
.mg-shared-shell .rounded-3xl{border-radius: 1.5rem;}
.mg-shared-shell .rounded-\[0\.45rem\]{border-radius: 0.45rem;}
.mg-shared-shell .rounded-\[0\.6rem\]{border-radius: 0.6rem;}
.mg-shared-shell .rounded-\[0\.9rem\]{border-radius: 0.9rem;}
.mg-shared-shell .rounded-full{border-radius: 0.75rem;}
.mg-shared-shell .rounded-lg{border-radius: 0.25rem;}
.mg-shared-shell .rounded-xl{border-radius: 0.5rem;}
.mg-shared-shell .rounded-tl-lg{border-top-left-radius: 0.25rem;}
.mg-shared-shell .rounded-tr-lg{border-top-right-radius: 0.25rem;}
.mg-shared-shell .border{border-width: 1px;}
.mg-shared-shell .border-0{border-width: 0px;}
.mg-shared-shell .border-2{border-width: 2px;}
.mg-shared-shell .border-b{border-bottom-width: 1px;}
.mg-shared-shell .border-l{border-left-width: 1px;}
.mg-shared-shell .border-l-2{border-left-width: 2px;}
.mg-shared-shell .border-l-4{border-left-width: 4px;}
.mg-shared-shell .border-t{border-top-width: 1px;}
.mg-shared-shell .border-t-4{border-top-width: 4px;}
.mg-shared-shell .border-dashed{border-style: dashed;}
.mg-shared-shell .border-error\/20{border-color: rgba(186, 26, 26, 0.2);}
.mg-shared-shell .border-error\/50{border-color: rgba(186, 26, 26, 0.5);}
.mg-shared-shell .border-on-primary-container\/10{border-color: rgba(196, 210, 255, 0.1);}
.mg-shared-shell .border-on-primary-container\/20{border-color: rgba(196, 210, 255, 0.2);}
.mg-shared-shell .border-on-primary-container\/50{border-color: rgba(196, 210, 255, 0.5);}
.mg-shared-shell .border-outline-variant\/10{border-color: rgba(195, 198, 214, 0.1);}
.mg-shared-shell .border-outline-variant\/20{border-color: rgba(195, 198, 214, 0.2);}
.mg-shared-shell .border-outline-variant\/30{border-color: rgba(195, 198, 214, 0.3);}
.mg-shared-shell .border-outline-variant\/40{border-color: rgba(195, 198, 214, 0.4);}
.mg-shared-shell .border-outline-variant\/50{border-color: rgba(195, 198, 214, 0.5);}
.mg-shared-shell .border-primary{--tw-border-opacity: 1; border-color: rgb(0 61 155/var(--tw-border-opacity,1));}
.mg-shared-shell .border-primary\/20{border-color: rgba(0, 61, 155, 0.2);}
.mg-shared-shell .border-primary\/50{border-color: rgba(0, 61, 155, 0.5);}
.mg-shared-shell .border-slate-200{--tw-border-opacity: 1; border-color: rgb(226 232 240/var(--tw-border-opacity,1));}
.mg-shared-shell .border-slate-200\/20{border-color: rgba(226, 232, 240, 0.2);}
.mg-shared-shell .border-white\/30{border-color: rgba(255, 255, 255, 0.3);}
.mg-shared-shell .bg-\[\#36A2EB\]{--tw-bg-opacity: 1; background-color: rgb(54 162 235/var(--tw-bg-opacity,1));}
.mg-shared-shell .bg-\[\#FF6384\]{--tw-bg-opacity: 1; background-color: rgb(255 99 132/var(--tw-bg-opacity,1));}
.mg-shared-shell .bg-\[\#FFCE56\]{--tw-bg-opacity: 1; background-color: rgb(255 206 86/var(--tw-bg-opacity,1));}
.mg-shared-shell .bg-error{--tw-bg-opacity: 1; background-color: rgb(186 26 26/var(--tw-bg-opacity,1));}
.mg-shared-shell .bg-error-container{--tw-bg-opacity: 1; background-color: rgb(255 218 214/var(--tw-bg-opacity,1));}
.mg-shared-shell .bg-error\/10{background-color: rgba(186, 26, 26, 0.1);}
.mg-shared-shell .bg-on-primary-container\/10{background-color: rgba(196, 210, 255, 0.1);}
.mg-shared-shell .bg-on-primary-container\/5{background-color: rgba(196, 210, 255, 0.05);}
.mg-shared-shell .bg-outline-variant\/20{background-color: rgba(195, 198, 214, 0.2);}
.mg-shared-shell .bg-primary{--tw-bg-opacity: 1; background-color: rgb(0 61 155/var(--tw-bg-opacity,1));}
.mg-shared-shell .bg-primary-container{--tw-bg-opacity: 1; background-color: rgb(0 82 204/var(--tw-bg-opacity,1));}
.mg-shared-shell .bg-primary-fixed{--tw-bg-opacity: 1; background-color: rgb(218 226 255/var(--tw-bg-opacity,1));}
.mg-shared-shell .bg-primary\/10{background-color: rgba(0, 61, 155, 0.1);}
.mg-shared-shell .bg-primary\/5{background-color: rgba(0, 61, 155, 0.05);}
.mg-shared-shell .bg-secondary-container{--tw-bg-opacity: 1; background-color: rgb(213 224 248/var(--tw-bg-opacity,1));}
.mg-shared-shell .bg-secondary-fixed{--tw-bg-opacity: 1; background-color: rgb(216 227 251/var(--tw-bg-opacity,1));}
.mg-shared-shell .bg-slate-50{--tw-bg-opacity: 1; background-color: rgb(248 250 252/var(--tw-bg-opacity,1));}
.mg-shared-shell .bg-surface{--tw-bg-opacity: 1; background-color: rgb(250 248 255/var(--tw-bg-opacity,1));}
.mg-shared-shell .bg-surface-container{--tw-bg-opacity: 1; background-color: rgb(234 237 255/var(--tw-bg-opacity,1));}
.mg-shared-shell .bg-surface-container-high{--tw-bg-opacity: 1; background-color: rgb(226 231 255/var(--tw-bg-opacity,1));}
.mg-shared-shell .bg-surface-container-highest{--tw-bg-opacity: 1; background-color: rgb(218 226 253/var(--tw-bg-opacity,1));}
.mg-shared-shell .bg-surface-container-highest\/20{background-color: rgba(218, 226, 253, 0.2);}
.mg-shared-shell .bg-surface-container-low{--tw-bg-opacity: 1; background-color: rgb(242 243 255/var(--tw-bg-opacity,1));}
.mg-shared-shell .bg-surface-container-lowest{--tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity,1));}
.mg-shared-shell .bg-surface-container\/30{background-color: rgba(234, 237, 255, 0.3);}
.mg-shared-shell .bg-white{--tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity,1));}
.mg-shared-shell .bg-white\/10{background-color: rgba(255, 255, 255, 0.1);}
.mg-shared-shell .bg-white\/80{background-color: rgba(255, 255, 255, 0.8);}
.mg-shared-shell .bg-gradient-to-r{background-image: linear-gradient(to right,var(--tw-gradient-stops));}
.mg-shared-shell .bg-gradient-to-t{background-image: linear-gradient(to top,var(--tw-gradient-stops));}
.mg-shared-shell .from-on-primary-container\/10{--tw-gradient-from: rgba(196,210,255,.1) var(--tw-gradient-from-position); --tw-gradient-to: rgba(196,210,255,0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);}
.mg-shared-shell .from-on-surface\/80{--tw-gradient-from: rgba(19,27,46,.8) var(--tw-gradient-from-position); --tw-gradient-to: rgba(19,27,46,0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);}
.mg-shared-shell .to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position);}
.mg-shared-shell .stroke-primary{stroke: rgb(0, 61, 155);}
.mg-shared-shell .stroke-primary-container{stroke: rgb(0, 82, 204);}
.mg-shared-shell .stroke-secondary-fixed{stroke: rgb(216, 227, 251);}
.mg-shared-shell .object-contain{object-fit: contain;}
.mg-shared-shell .object-cover{object-fit: cover;}
.mg-shared-shell .p-0{padding: 0px;}
.mg-shared-shell .p-1{padding: 0.25rem;}
.mg-shared-shell .p-10{padding: 2.5rem;}
.mg-shared-shell .p-12{padding: 3rem;}
.mg-shared-shell .p-2{padding: 0.5rem;}
.mg-shared-shell .p-3{padding: 0.75rem;}
.mg-shared-shell .p-4{padding: 1rem;}
.mg-shared-shell .p-6{padding: 1.5rem;}
.mg-shared-shell .p-8{padding: 2rem;}
.mg-shared-shell .p-\[2px\]{padding: 2px;}
.mg-shared-shell .px-10{padding-left: 2.5rem; padding-right: 2.5rem;}
.mg-shared-shell .px-2{padding-left: 0.5rem; padding-right: 0.5rem;}
.mg-shared-shell .px-3{padding-left: 0.75rem; padding-right: 0.75rem;}
.mg-shared-shell .px-4{padding-left: 1rem; padding-right: 1rem;}
.mg-shared-shell .px-6{padding-left: 1.5rem; padding-right: 1.5rem;}
.mg-shared-shell .px-8{padding-left: 2rem; padding-right: 2rem;}
.mg-shared-shell .py-1{padding-top: 0.25rem; padding-bottom: 0.25rem;}
.mg-shared-shell .py-1\.5{padding-top: 0.375rem; padding-bottom: 0.375rem;}
.mg-shared-shell .py-12{padding-top: 3rem; padding-bottom: 3rem;}
.mg-shared-shell .py-2{padding-top: 0.5rem; padding-bottom: 0.5rem;}
.mg-shared-shell .py-24{padding-top: 6rem; padding-bottom: 6rem;}
.mg-shared-shell .py-3{padding-top: 0.75rem; padding-bottom: 0.75rem;}
.mg-shared-shell .py-4{padding-top: 1rem; padding-bottom: 1rem;}
.mg-shared-shell .py-5{padding-top: 1.25rem; padding-bottom: 1.25rem;}
.mg-shared-shell .py-6{padding-top: 1.5rem; padding-bottom: 1.5rem;}
.mg-shared-shell .pb-1{padding-bottom: 0.25rem;}
.mg-shared-shell .pb-16{padding-bottom: 4rem;}
.mg-shared-shell .pb-2{padding-bottom: 0.5rem;}
.mg-shared-shell .pb-20{padding-bottom: 5rem;}
.mg-shared-shell .pb-24{padding-bottom: 6rem;}
.mg-shared-shell .pb-4{padding-bottom: 1rem;}
.mg-shared-shell .pb-6{padding-bottom: 1.5rem;}
.mg-shared-shell .pl-10{padding-left: 2.5rem;}
.mg-shared-shell .pl-14{padding-left: 3.5rem;}
.mg-shared-shell .pl-4{padding-left: 1rem;}
.mg-shared-shell .pl-5{padding-left: 1.25rem;}
.mg-shared-shell .pl-8{padding-left: 2rem;}
.mg-shared-shell .pr-10{padding-right: 2.5rem;}
.mg-shared-shell .pr-12{padding-right: 3rem;}
.mg-shared-shell .pr-16{padding-right: 4rem;}
.mg-shared-shell .pr-32{padding-right: 8rem;}
.mg-shared-shell .pr-4{padding-right: 1rem;}
.mg-shared-shell .pr-8{padding-right: 2rem;}
.mg-shared-shell .pt-0{padding-top: 0px;}
.mg-shared-shell .pt-0\.5{padding-top: 0.125rem;}
.mg-shared-shell .pt-12{padding-top: 3rem;}
.mg-shared-shell .pt-2{padding-top: 0.5rem;}
.mg-shared-shell .pt-24{padding-top: 6rem;}
.mg-shared-shell .pt-3{padding-top: 0.75rem;}
.mg-shared-shell .google-auto-placed{margin-top: 100px;}
.mg-shared-shell .pt-32{padding-top: 3rem;}
.mg-shared-shell .pt-4{padding-top: 1rem;}
.mg-shared-shell .pt-6{padding-top: 1.5rem;}
.mg-shared-shell .pt-8{padding-top: 2rem;}
.mg-shared-shell .text-left{text-align: left;}
.mg-shared-shell .text-center{text-align: center;}
.mg-shared-shell .align-middle{vertical-align: middle;}
.mg-shared-shell .align-bottom{vertical-align: bottom;}
.mg-shared-shell .font-body{font-family: Inter;}
.mg-shared-shell .font-headline{font-family: Manrope;}
.mg-shared-shell .font-label{font-family: Inter;}
.mg-shared-shell .font-mono{font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;}
.mg-shared-shell .text-2xl{font-size: 1.5rem; line-height: 2rem;}
.mg-shared-shell .text-3xl{font-size: 1.875rem; line-height: 2.25rem;}
.mg-shared-shell .text-4xl{font-size: 2.25rem; line-height: 2.5rem;}
.mg-shared-shell .text-5xl{font-size: 3rem; line-height: 1;}
.mg-shared-shell .text-6xl{font-size: 3.75rem; line-height: 1;}
.mg-shared-shell .text-\[1\.1rem\]{font-size: 1.1rem;}
.mg-shared-shell .text-\[10px\]{font-size: 10px;}
.mg-shared-shell .text-\[14px\]{font-size: 14px;}
.mg-shared-shell .text-\[15px\]{font-size: 15px;}
.mg-shared-shell .text-\[16px\]{font-size: 16px;}
.mg-shared-shell .text-\[18px\]{font-size: 18px;}
.mg-shared-shell .text-\[20px\]{font-size: 20px;}
.mg-shared-shell .text-\[28px\]{font-size: 28px;}
.mg-shared-shell .text-base{font-size: 1rem; line-height: 1.5rem;}
.mg-shared-shell .text-lg{font-size: 1.125rem; line-height: 1.75rem;}
.mg-shared-shell .text-sm{font-size: 0.875rem; line-height: 1.25rem;}
.mg-shared-shell .text-xl{font-size: 1.25rem; line-height: 1.75rem;}
.mg-shared-shell .text-xs{font-size: 0.75rem; line-height: 1rem;}
.mg-shared-shell .font-bold{font-weight: 700;}
.mg-shared-shell .font-extrabold{font-weight: 800;}
.mg-shared-shell .font-medium{font-weight: 500;}
.mg-shared-shell .font-semibold{font-weight: 600;}
.mg-shared-shell .uppercase{text-transform: uppercase;}
.mg-shared-shell .capitalize{text-transform: capitalize;}
.mg-shared-shell .italic{font-style: italic;}
.mg-shared-shell .leading-\[1\.1\]{line-height: 1.1;}
.mg-shared-shell .leading-none{line-height: 1;}
.mg-shared-shell .leading-relaxed{line-height: 1.625;}
.mg-shared-shell .leading-tight{line-height: 1.25;}
.mg-shared-shell .tracking-tight{letter-spacing: -0.025em;}
.mg-shared-shell .tracking-tighter{letter-spacing: -0.05em;}
.mg-shared-shell .tracking-wide{letter-spacing: 0.025em;}
.mg-shared-shell .tracking-wider{letter-spacing: 0.05em;}
.mg-shared-shell .tracking-widest{letter-spacing: 0.1em;}
.mg-shared-shell .text-error{--tw-text-opacity: 1; color: rgb(186 26 26/var(--tw-text-opacity,1));}
.mg-shared-shell .text-error\/80{color: rgba(186, 26, 26, 0.8);}
.mg-shared-shell .text-green-200{--tw-text-opacity: 1; color: rgb(187 247 208/var(--tw-text-opacity,1));}
.mg-shared-shell .text-on-error-container{--tw-text-opacity: 1; color: rgb(147 0 10/var(--tw-text-opacity,1));}
.mg-shared-shell .text-on-primary{--tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1));}
.mg-shared-shell .text-on-primary-container{--tw-text-opacity: 1; color: rgb(196 210 255/var(--tw-text-opacity,1));}
.mg-shared-shell .text-on-secondary-container{--tw-text-opacity: 1; color: rgb(88 99 119/var(--tw-text-opacity,1));}
.mg-shared-shell .text-on-secondary-container\/30{color: rgba(88, 99, 119, 0.3);}
.mg-shared-shell .text-on-secondary-container\/40{color: rgba(88, 99, 119, 0.4);}
.mg-shared-shell .text-on-secondary-container\/50{color: rgba(88, 99, 119, 0.5);}
.mg-shared-shell .text-on-secondary-container\/60{color: rgba(88, 99, 119, 0.6);}
.mg-shared-shell .text-on-secondary-fixed-variant{--tw-text-opacity: 1; color: rgb(60 71 90/var(--tw-text-opacity,1));}
.mg-shared-shell .text-on-surface{--tw-text-opacity: 1; color: rgb(19 27 46/var(--tw-text-opacity,1));}
.mg-shared-shell .text-on-surface-variant{--tw-text-opacity: 1; color: rgb(67 70 84/var(--tw-text-opacity,1));}
.mg-shared-shell .text-outline{--tw-text-opacity: 1; color: rgb(115 118 133/var(--tw-text-opacity,1));}
.mg-shared-shell .text-outline-variant{--tw-text-opacity: 1; color: rgb(195 198 214/var(--tw-text-opacity,1));}
.mg-shared-shell .text-primary{--tw-text-opacity: 1; color: rgb(0 61 155/var(--tw-text-opacity,1));}
.mg-shared-shell .text-primary\/70{color: rgba(0, 61, 155, 0.7);}
.mg-shared-shell .text-red-100{--tw-text-opacity: 1; color: rgb(254 226 226/var(--tw-text-opacity,1));}
.mg-shared-shell .text-red-300{--tw-text-opacity: 1; color: rgb(252 165 165/var(--tw-text-opacity,1));}
.mg-shared-shell .text-secondary{--tw-text-opacity: 1; color: rgb(84 95 115/var(--tw-text-opacity,1));}
.mg-shared-shell .text-slate-500{--tw-text-opacity: 1; color: rgb(100 116 139/var(--tw-text-opacity,1));}
.mg-shared-shell .text-slate-600{--tw-text-opacity: 1; color: rgb(71 85 105/var(--tw-text-opacity,1));}
.mg-shared-shell .text-slate-900{--tw-text-opacity: 1; color: rgb(15 23 42/var(--tw-text-opacity,1));}
.mg-shared-shell .text-white{--tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1));}
.mg-shared-shell .text-white\/80{color: rgba(255, 255, 255, 0.8);}
.mg-shared-shell .text-white\/90{color: rgba(255, 255, 255, 0.9);}
.mg-shared-shell .underline{text-decoration-line: underline;}
.mg-shared-shell .antialiased{-webkit-font-smoothing: antialiased;}
.mg-shared-shell .accent-error{accent-color: rgb(186, 26, 26);}
.mg-shared-shell .accent-primary{accent-color: rgb(0, 61, 155);}
.mg-shared-shell .opacity-0{opacity: 0;}
.mg-shared-shell .opacity-40{opacity: 0.4;}
.mg-shared-shell .opacity-50{opacity: 0.5;}
.mg-shared-shell .opacity-70{opacity: 0.7;}
.mg-shared-shell .opacity-80{opacity: 0.8;}
.mg-shared-shell .opacity-90{opacity: 0.9;}
.mg-shared-shell .shadow{--tw-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);}
.mg-shared-shell .shadow,.mg-shared-shell .shadow-2xl{box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);}
.mg-shared-shell .shadow-2xl{--tw-shadow: 0 25px 50px -12px rgba(0,0,0,.25); --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);}
.mg-shared-shell .shadow-\[0px_12px_32px_rgba\(19\,27\,46\,0\.04\)\]{--tw-shadow: 0px 12px 32px rgba(19,27,46,.04); --tw-shadow-colored: 0px 12px 32px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);}
.mg-shared-shell .shadow-\[0px_12px_32px_rgba\(19\,27\,46\,0\.06\)\]{--tw-shadow: 0px 12px 32px rgba(19,27,46,.06); --tw-shadow-colored: 0px 12px 32px var(--tw-shadow-color);}
.mg-shared-shell .shadow-\[0px_12px_32px_rgba\(19\,27\,46\,0\.06\)\],.mg-shared-shell .shadow-inner{box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);}
.mg-shared-shell .shadow-inner{--tw-shadow: inset 0 2px 4px 0 rgba(0,0,0,.05); --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);}
.mg-shared-shell .shadow-lg{--tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);}
.mg-shared-shell .shadow-lg,.mg-shared-shell .shadow-md{box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);}
.mg-shared-shell .shadow-md{--tw-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);}
.mg-shared-shell .shadow-sm{--tw-shadow: 0 1px 2px 0 rgba(0,0,0,.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);}
.mg-shared-shell .shadow-sm,.mg-shared-shell .shadow-xl{box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);}
.mg-shared-shell .shadow-xl{--tw-shadow: 0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);}
.mg-shared-shell .outline-none{outline: transparent solid 2px; outline-offset: 2px;}
.mg-shared-shell .outline{outline-style: solid;}
.mg-shared-shell .blur-3xl{--tw-blur: blur(64px);}
.mg-shared-shell .blur-3xl,.mg-shared-shell .grayscale{filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);}
.mg-shared-shell .grayscale{--tw-grayscale: grayscale(100%);}
.mg-shared-shell .filter{filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);}
.mg-shared-shell .backdrop-blur-md{--tw-backdrop-blur: blur(12px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);}
.mg-shared-shell .transition{transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s;}
.mg-shared-shell .transition-all{transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s;}
.mg-shared-shell .transition-colors{transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s;}
.mg-shared-shell .transition-opacity{transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s;}
.mg-shared-shell .transition-transform{transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s;}
.mg-shared-shell .duration-200{transition-duration: 0.2s;}
.mg-shared-shell .duration-300{transition-duration: 0.3s;}
.mg-shared-shell .duration-500{transition-duration: 0.5s;}
.mg-shared-shell .duration-700{transition-duration: 0.7s;}
.mg-shared-shell .checked\:border-primary:checked{--tw-border-opacity: 1; border-color: rgb(0 61 155/var(--tw-border-opacity,1));}
.mg-shared-shell .checked\:bg-primary:checked{--tw-bg-opacity: 1; background-color: rgb(0 61 155/var(--tw-bg-opacity,1));}
.mg-shared-shell .hover\:-translate-y-1:hover{--tw-translate-y: -0.25rem; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
.mg-shared-shell .hover\:border-error\/20:hover{border-color: rgba(186, 26, 26, 0.2);}
.mg-shared-shell .hover\:border-primary:hover{--tw-border-opacity: 1; border-color: rgb(0 61 155/var(--tw-border-opacity,1));}
.mg-shared-shell .hover\:border-primary\/40:hover{border-color: rgba(0, 61, 155, 0.4);}
.mg-shared-shell .hover\:border-primary\/50:hover{border-color: rgba(0, 61, 155, 0.5);}
.mg-shared-shell .hover\:bg-error:hover{--tw-bg-opacity: 1; background-color: rgb(186 26 26/var(--tw-bg-opacity,1));}
.mg-shared-shell .hover\:bg-error\/10:hover{background-color: rgba(186, 26, 26, 0.1);}
.mg-shared-shell .hover\:bg-on-primary-container:hover{--tw-bg-opacity: 1; background-color: rgb(196 210 255/var(--tw-bg-opacity,1));}
.mg-shared-shell .hover\:bg-on-primary-container\/20:hover{background-color: rgba(196, 210, 255, 0.2);}
.mg-shared-shell .hover\:bg-outline-variant\/5:hover{background-color: rgba(195, 198, 214, 0.05);}
.mg-shared-shell .hover\:bg-primary\/10:hover{background-color: rgba(0, 61, 155, 0.1);}
.mg-shared-shell .hover\:bg-primary\/20:hover{background-color: rgba(0, 61, 155, 0.2);}
.mg-shared-shell .hover\:bg-primary\/5:hover{background-color: rgba(0, 61, 155, 0.05);}
.mg-shared-shell .hover\:bg-slate-50:hover{--tw-bg-opacity: 1; background-color: rgb(248 250 252/var(--tw-bg-opacity,1));}
.mg-shared-shell .hover\:bg-surface-container:hover{--tw-bg-opacity: 1; background-color: rgb(234 237 255/var(--tw-bg-opacity,1));}
.mg-shared-shell .hover\:bg-surface-container-high:hover{--tw-bg-opacity: 1; background-color: rgb(226 231 255/var(--tw-bg-opacity,1));}
.mg-shared-shell .hover\:bg-surface-container-highest:hover{--tw-bg-opacity: 1; background-color: rgb(218 226 253/var(--tw-bg-opacity,1));}
.mg-shared-shell .hover\:bg-surface-container-low:hover{--tw-bg-opacity: 1; background-color: rgb(242 243 255/var(--tw-bg-opacity,1));}
.mg-shared-shell .hover\:bg-surface-container-lowest:hover{--tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity,1));}
.mg-shared-shell .hover\:bg-surface-container\/50:hover{background-color: rgba(234, 237, 255, 0.5);}
.mg-shared-shell .hover\:text-blue-700:hover{--tw-text-opacity: 1; color: rgb(29 78 216/var(--tw-text-opacity,1));}
.mg-shared-shell .hover\:text-error:hover{--tw-text-opacity: 1; color: rgb(186 26 26/var(--tw-text-opacity,1));}
.mg-shared-shell .hover\:text-error-container:hover{--tw-text-opacity: 1; color: rgb(255 218 214/var(--tw-text-opacity,1));}
.mg-shared-shell .hover\:text-primary:hover{--tw-text-opacity: 1; color: rgb(0 61 155/var(--tw-text-opacity,1));}
.mg-shared-shell .hover\:text-slate-900:hover{--tw-text-opacity: 1; color: rgb(15 23 42/var(--tw-text-opacity,1));}
.mg-shared-shell .hover\:text-white:hover{--tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1));}
.mg-shared-shell .hover\:underline:hover{text-decoration-line: underline;}
.mg-shared-shell .hover\:opacity-90:hover{opacity: 0.9;}
.mg-shared-shell .hover\:shadow-\[0px_12px_32px_rgba\(19\,27\,46\,0\.06\)\]:hover{--tw-shadow: 0px 12px 32px rgba(19,27,46,.06); --tw-shadow-colored: 0px 12px 32px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);}
.mg-shared-shell .hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);}
.mg-shared-shell .hover\:grayscale-0:hover{--tw-grayscale: grayscale(0); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);}
.mg-shared-shell .focus\:border-primary:focus{--tw-border-opacity: 1; border-color: rgb(0 61 155/var(--tw-border-opacity,1));}
.mg-shared-shell .focus\:border-transparent:focus{border-color: transparent;}
.mg-shared-shell .focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);}
.mg-shared-shell .focus\:ring-error:focus{--tw-ring-opacity: 1; --tw-ring-color: rgb(186 26 26/var(--tw-ring-opacity,1));}
.mg-shared-shell .focus\:ring-primary:focus{--tw-ring-opacity: 1; --tw-ring-color: rgb(0 61 155/var(--tw-ring-opacity,1));}
.mg-shared-shell .focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px;}
.mg-shared-shell .active\:scale-95:active{--tw-scale-x: .95; --tw-scale-y: .95; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
.mg-shared-shell .disabled\:pointer-events-none:disabled{pointer-events: none;}
.mg-shared-shell .disabled\:opacity-30:disabled{opacity: 0.3;}
.mg-shared-shell .disabled\:opacity-50:disabled{opacity: 0.5;}
.mg-shared-shell .disabled\:hover\:text-outline:hover:disabled{--tw-text-opacity: 1; color: rgb(115 118 133/var(--tw-text-opacity,1));}
.mg-shared-shell .group:hover .group-hover\:block{display: block;}
.mg-shared-shell .group:hover .group-hover\:translate-x-1{--tw-translate-x: 0.25rem; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));}
.mg-shared-shell .group:hover .group-hover\:gap-3{gap: 0.75rem;}
.mg-shared-shell .group:hover .group-hover\:bg-primary{--tw-bg-opacity: 1; background-color: rgb(0 61 155/var(--tw-bg-opacity,1));}
.mg-shared-shell .group:hover .group-hover\:text-primary{--tw-text-opacity: 1; color: rgb(0 61 155/var(--tw-text-opacity,1));}
.mg-shared-shell .group:hover .group-hover\:text-white{--tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1));}
.mg-shared-shell .group:hover .group-hover\:grayscale-0{--tw-grayscale: grayscale(0); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);}
.mg-shared-shell .peer:checked ~ .peer-checked\:opacity-100{opacity: 1;}
.mg-shared-shell .dark\:border-slate-800:is(.dark *){--tw-border-opacity: 1; border-color: rgb(30 41 59/var(--tw-border-opacity,1));}
.mg-shared-shell .dark\:border-slate-800\/20:is(.dark *){border-color: rgba(30, 41, 59, 0.2);}
.mg-shared-shell .dark\:bg-slate-900:is(.dark *){--tw-bg-opacity: 1; background-color: rgb(15 23 42/var(--tw-bg-opacity,1));}
.mg-shared-shell .dark\:bg-slate-950:is(.dark *){--tw-bg-opacity: 1; background-color: rgb(2 6 23/var(--tw-bg-opacity,1));}
.mg-shared-shell .dark\:bg-slate-950\/80:is(.dark *){background-color: rgba(2, 6, 23, 0.8);}
.mg-shared-shell .dark\:text-slate-400:is(.dark *){--tw-text-opacity: 1; color: rgb(148 163 184/var(--tw-text-opacity,1));}
.mg-shared-shell .dark\:text-slate-50:is(.dark *){--tw-text-opacity: 1; color: rgb(248 250 252/var(--tw-text-opacity,1));}
.mg-shared-shell .dark\:hover\:text-slate-200:hover:is(.dark *){--tw-text-opacity: 1; color: rgb(226 232 240/var(--tw-text-opacity,1));}
@media (min-width: 640px){.mg-shared-shell .sm\:col-span-1{grid-column: span 1 / span 1;}
.mg-shared-shell .sm\:col-span-2{grid-column: span 2 / span 2;}
.mg-shared-shell .sm\:col-span-3{grid-column: span 3 / span 3;}
.mg-shared-shell .sm\:col-span-5{grid-column: span 5 / span 5;}
.mg-shared-shell .sm\:grid{display: grid;}
.mg-shared-shell .sm\:hidden{display: none;}
.mg-shared-shell .sm\:h-auto{height: auto;}
.mg-shared-shell .sm\:w-1\/5{width: 20%;}
.mg-shared-shell .sm\:w-2\/5{width: 40%;}
.mg-shared-shell .sm\:w-full{width: 100%;}
.mg-shared-shell .sm\:grid-cols-2{grid-template-columns: repeat(2, minmax(0px, 1fr));}
.mg-shared-shell .sm\:flex-row{flex-direction: row;}
.mg-shared-shell .sm\:items-center{align-items: center;}
.mg-shared-shell .sm\:rounded-none{border-radius: 0px;}
.mg-shared-shell .sm\:bg-transparent{background-color: transparent;}
.mg-shared-shell .sm\:p-0{padding: 0px;}
.mg-shared-shell .sm\:px-6{padding-left: 1.5rem; padding-right: 1.5rem;}
.mg-shared-shell .sm\:py-3{padding-top: 0.75rem; padding-bottom: 0.75rem;}
.mg-shared-shell .sm\:pb-0{padding-bottom: 0px;}}
@media (min-width: 768px){.mg-shared-shell .md\:visible{visibility: visible;}
.mg-shared-shell .md\:order-1{order: 1;}
.mg-shared-shell .md\:order-2{order: 2;}
.mg-shared-shell .md\:col-span-1{grid-column: span 1 / span 1;}
.mg-shared-shell .md\:col-span-2{grid-column: span 2 / span 2;}
.mg-shared-shell .md\:col-span-4{grid-column: span 4 / span 4;}
.mg-shared-shell .md\:col-span-5{grid-column: span 5 / span 5;}
.mg-shared-shell .md\:col-span-7{grid-column: span 7 / span 7;}
.mg-shared-shell .md\:col-span-8{grid-column: span 8 / span 8;}
.mg-shared-shell .md\:mx-2{margin-left: 0.5rem; margin-right: 0.5rem;}
.mg-shared-shell .md\:mb-32{margin-bottom: 8rem;}
.mg-shared-shell .md\:mt-0{margin-top: 0px;}
.mg-shared-shell .md\:block{display: block;}
.mg-shared-shell .md\:flex{display: flex;}
.mg-shared-shell .md\:hidden{display: none;}
.mg-shared-shell .md\:h-\[600px\]{height: 600px;}
.mg-shared-shell .md\:w-1\/12{width: 8.33333%;}
.mg-shared-shell .md\:w-1\/2{width: 50%;}
.mg-shared-shell .md\:w-3\/12{width: 25%;}
.mg-shared-shell .md\:w-5\/12{width: 41.6667%;}
.mg-shared-shell .md\:w-auto{width: auto;}
.mg-shared-shell .md\:grid-cols-12{grid-template-columns: repeat(12, minmax(0px, 1fr));}
.mg-shared-shell .md\:grid-cols-2{grid-template-columns: repeat(2, minmax(0px, 1fr));}
.mg-shared-shell .md\:grid-cols-3{grid-template-columns: repeat(3, minmax(0px, 1fr));}
.mg-shared-shell .md\:grid-cols-4{grid-template-columns: repeat(4, minmax(0px, 1fr));}
.mg-shared-shell .md\:flex-row{flex-direction: row;}
.mg-shared-shell .md\:items-center{align-items: center;}
.mg-shared-shell .md\:justify-center{justify-content: center;}
.mg-shared-shell .md\:space-x-2 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse: 0; margin-right: calc(.5rem*var(--tw-space-x-reverse)); margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));}
.mg-shared-shell .md\:p-10{padding: 2.5rem;}
.mg-shared-shell .md\:p-14{padding: 3.5rem;}
.mg-shared-shell .md\:p-8{padding: 2rem;}
.mg-shared-shell .md\:py-32{padding-top: 8rem; padding-bottom: 8rem;}
.mg-shared-shell .md\:py-5{padding-top: 1.25rem; padding-bottom: 1.25rem;}
.mg-shared-shell .md\:pr-3{padding-right: 0.75rem;}
.mg-shared-shell .md\:text-2xl{font-size: 1.5rem; line-height: 2rem;}
.mg-shared-shell .md\:text-5xl{font-size: 3rem; line-height: 1;}
.mg-shared-shell .md\:text-7xl{font-size: 4.5rem; line-height: 1;}
.mg-shared-shell .md\:text-base{font-size: 1rem; line-height: 1.5rem;}}
@media (min-width: 1024px){.mg-shared-shell .lg\:col-span-4{grid-column: span 4 / span 4;}
.mg-shared-shell .lg\:col-span-8{grid-column: span 8 / span 8;}
.mg-shared-shell .lg\:block{display: block;}
.mg-shared-shell .lg\:flex{display: flex;}
.mg-shared-shell .lg\:w-64{width: 16rem;}
.mg-shared-shell .lg\:grid-cols-12{grid-template-columns: repeat(12, minmax(0px, 1fr));}
.mg-shared-shell .lg\:grid-cols-4{grid-template-columns: repeat(4, minmax(0px, 1fr));}
.mg-shared-shell .lg\:flex-row{flex-direction: row;}
.mg-shared-shell .lg\:space-x-6 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse: 0; margin-right: calc(1.5rem*var(--tw-space-x-reverse)); margin-left: calc(1.5rem*(1 - var(--tw-space-x-reverse)));}
.mg-shared-shell .lg\:text-3xl{font-size: 1.875rem; line-height: 2.25rem;}
.mg-shared-shell .lg\:text-4xl{font-size: 2.25rem; line-height: 2.5rem;}
.mg-shared-shell .lg\:text-5xl{font-size: 3rem; line-height: 1;}
.mg-shared-shell .lg\:text-6xl{font-size: 3.75rem; line-height: 1;}
.mg-shared-shell .lg\:text-7xl{font-size: 4.5rem; line-height: 1;}
.mg-shared-shell .lg\:text-\[1\.65rem\]{font-size: 1.65rem;}}
@media (min-width: 1280px){.mg-shared-shell .xl\:grid-cols-3{grid-template-columns: repeat(3, minmax(0px, 1fr));}}
.mg-shared-shell .font-body,.mg-shared-shell .font-label,.mg-shared-shell .font-inter{font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;}
.mg-shared-shell .font-headline{font-family: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;}
.mg-shared-shell .rating-container .star{display: inline-flex; align-items: center; justify-content: center; min-width: 32px; min-height: 44px; padding: 0px; border: 0px; background: transparent; color: rgb(181, 104, 0); font: 26px / 1 Arial, sans-serif; cursor: pointer;}
.mg-shared-shell .rating-container .star:disabled{cursor: default; opacity: 0.55;}
.mg-shared-shell .mg-site-header{position: relative; z-index: 40;}
.mg-shared-shell .mg-site-header summary{list-style: none; cursor: pointer;}
.mg-shared-shell .mg-site-header summary::-webkit-details-marker{display: none;}
.mg-shared-shell .mg-category-menu[open] > .mg-category-panel{display: block;}
.mg-shared-shell .mg-category-panel{display: none;}
.mg-shared-shell .mg-site-header a:focus-visible,.mg-shared-shell .mg-site-header summary:focus-visible,.mg-shared-shell .mg-mobile-menu a:focus-visible,.mg-shared-shell button:focus-visible,.mg-shared-shell input:focus-visible,.mg-shared-shell select:focus-visible,.mg-shared-shell textarea:focus-visible{outline: rgb(0, 82, 204) solid 3px; outline-offset: 3px;}
.mg-shared-shell .mg-mobile-menu{margin: 0px; padding: 20px; border: 0px; width: min(100%, 420px); max-width: 100%; height: 100dvh; max-height: 100dvh; background: rgb(255, 255, 255); color: rgb(19, 27, 46); overflow-y: auto; overscroll-behavior: contain;}
.mg-shared-shell .mg-mobile-menu::backdrop{background: rgba(19, 27, 46, 0.45);}
.mg-shared-shell .mg-menu-heading{display: flex; align-items: center; justify-content: space-between; gap: 16px;}
.mg-shared-shell .mg-menu-heading button,.mg-shared-shell #mobileMenuBtn{min-width: 44px; min-height: 44px;}
.mg-shared-shell .mg-mobile-menu a{display: block; min-height: 44px; padding-top: 10px; padding-bottom: 10px;}
.mg-shared-shell body > .pt-32.max-w-7xl{padding-top: 24px;}
.mg-shared-shell .mg-site-header ~ main > .grid,.mg-shared-shell .mg-site-header ~ main > .grid > *{min-width: 0px;}
.mg-shared-shell .mg-home-search{display: flex; gap: 8px; position: relative;}
.mg-shared-shell .mg-home-search input{flex: 1 1 0%; min-width: 0px; padding: 16px; font-size: 16px;}
.mg-shared-shell .mg-home-search button{flex: 0 0 auto; padding: 12px 18px; min-height: 48px;}
.mg-shared-shell .mg-home-search #searchResults{top: 100%; left: 0px;}
.mg-shared-shell .mg-sr-only{position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px;}
.mg-shared-shell .mg-featured-link{display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 12px;}
.mg-shared-shell .mg-category-page > .flex > *{min-width: 0px;}
.mg-shared-shell .mg-site-header ~ main h1,.mg-shared-shell .mg-site-header ~ main h2,.mg-shared-shell .mg-site-header ~ main h3{overflow-wrap: anywhere;}
@media (max-width: 1023px){.mg-shared-shell .mg-category-page > .flex > aside{order: 2;}}
@media (max-width: 767px){.mg-shared-shell body > .pt-32.max-w-7xl{padding: 16px 16px 0px;}
.mg-shared-shell .mg-site-header ~ main{padding: 20px 16px 48px;}
.mg-shared-shell .mg-site-header ~ main > header{margin-bottom: 24px;}
.mg-shared-shell .mg-site-header ~ main > header h1{font-size: clamp(1.75rem, 7.5vw, 2.25rem); line-height: 1.15; margin-bottom: 12px;}
.mg-shared-shell .mg-category-page h1{font-size: 1.75rem; line-height: 1.2; overflow-wrap: anywhere;}
.mg-shared-shell #verdictTitle{white-space: normal; font-size: 1.5rem; line-height: 1.25;}
.mg-shared-shell #activeTakeHome{white-space: normal; overflow-wrap: anywhere; font-size: 2rem; line-height: 1.2;}
.mg-shared-shell .mg-site-header ~ main > header > p{font-size: 16px; line-height: 1.55;}
.mg-shared-shell .mg-site-header ~ main > header > span{margin-bottom: 12px;}
.mg-shared-shell .rating-container{flex-wrap: wrap;}
.mg-shared-shell .mg-site-header ~ main form input:not([type="checkbox"]):not([type="radio"]),.mg-shared-shell .mg-site-header ~ main form select,.mg-shared-shell .mg-site-header ~ main form textarea{min-width: 0px; max-width: 100%; font-size: max(16px, 1em);}
.mg-shared-shell .mg-site-header ~ main form button{min-height: 44px;}
.mg-shared-shell .mg-site-header ~ main > .grid section{padding: 20px 16px;}
.mg-shared-shell .mg-site-header ~ main > section.mt-20{margin-top: 40px;}
.mg-shared-shell .mg-site-header ~ main > section > .p-8{padding: 24px 16px;}
.mg-shared-shell .mg-home{padding-top: 32px;}
.mg-shared-shell .mg-home > section{padding-left: 0px; padding-right: 0px; margin-bottom: 48px;}
.mg-shared-shell .mg-home h1{font-size: clamp(2rem, 9vw, 3rem); line-height: 1.12;}
.mg-shared-shell .mg-home h1 br{display: none;}
.mg-shared-shell .mg-home .mg-hero-copy{font-size: 17px; margin-bottom: 24px;}
.mg-shared-shell .mg-home .mg-info-card{padding: 24px 16px;}
.mg-shared-shell .mg-site-footer > div{padding: 32px 16px;}
.mg-shared-shell .mg-site-footer .grid{gap: 24px 16px;}
.mg-shared-shell .mg-site-footer a{display: inline-block; padding-top: 6px; padding-bottom: 6px; overflow-wrap: anywhere;}}
@media (prefers-reduced-motion: reduce){.mg-shared-shell .mg-site-header *,.mg-shared-shell .mg-mobile-menu *,.mg-shared-shell .mg-home *{animation: auto ease 0s 1 normal none running none !important; transition: none !important;}}
.mg-shared-shell .material-symbols-outlined{display: inline-flex; align-items: center; justify-content: center; width: 1em; height: 1em; overflow: hidden; line-height: 1; font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24; vertical-align: middle;}
.mg-shared-shell .whisper-shadow{box-shadow: rgba(19, 27, 46, 0.06) 0px 12px 32px;}