@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Rubik+One&family=Source+Sans+3:wght@400;600;700&display=swap";html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent-horizontal],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}@font-face{font-family:Rubik One;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/rubik-one-400.woff2)format("woff2")}@font-face{font-family:Montserrat;font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/fonts/montserrat.woff2)format("woff2")}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/source-sans-3.woff2)format("woff2")}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/space-mono-400.woff2)format("woff2")}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../assets/fonts/space-mono-700.woff2)format("woff2")}@font-face{font-family:Zen Maru Gothic;font-style:normal;font-weight:500;font-display:swap;src:url(../assets/fonts/zen-maru-500.woff2)format("woff2")}@font-face{font-family:Zen Maru Gothic;font-style:normal;font-weight:700;font-display:swap;src:url(../assets/fonts/zen-maru-700.woff2)format("woff2")}@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:host,:root{--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:Source Sans 3,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-variation-settings:normal;font-family:Space Mono,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:#384c7126;outline-color:oklab(54.5018% -.0324874 -.0384536/.5)}body{font-family:Source Sans 3,sans-serif;color:#384c71;background-color:#fcfaee}}@layer utilities{.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.flex{display:flex}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}html:root{--background:#fcfaee;--foreground:#384c71;--card:#fff;--card-foreground:#384c71;--popover:#fff;--popover-foreground:#384c71;--primary:#b8011f;--primary-foreground:#fcfaee;--secondary:#fcfaee;--secondary-foreground:#384c71;--muted:#f1efe4;--muted-foreground:#517688;--accent:#517688;--accent-foreground:#fcfaee;--destructive:#b8011f;--border:#384c7126;--input:#384c7126;--ring:#517688;--radius:.625rem;--m3-primary:#b8011f;--m3-on-primary:#fcfaee;--m3-primary-container:#ffdadc;--m3-on-primary-container:#5a000f;--m3-primary-20:#5a000f;--m3-primary-30:#8a0017;--m3-primary-40:#b8011f;--m3-primary-80:#ffb3b9;--m3-primary-90:#ffdadc;--m3-secondary:#517688;--m3-on-secondary:#fcfaee;--m3-secondary-container:#d5e4eb;--m3-on-secondary-container:#1f3641;--m3-secondary-30:#1f3641;--m3-secondary-90:#d5e4eb;--m3-tertiary:#384c71;--m3-on-tertiary:#fcfaee;--m3-tertiary-container:#d6dff0;--m3-on-tertiary-container:#1a2840;--m3-background:#fcfaee;--m3-on-background:#384c71;--m3-surface:#fcfaee;--m3-on-surface:#384c71;--m3-surface-variant:#e9e6d6;--m3-on-surface-variant:#517688;--m3-outline:#517688;--m3-outline-variant:#c9d3d8;--m3-inverse-surface:#12161f;--m3-inverse-on-surface:#fcfaee;--m3-inverse-primary:#ffb3b9;--m3-neutral-10:#384c71;--m3-neutral-90:#fcfaee;--m3-neutral-92:#f1efe4;--m3-neutral-94:#f5f3e8;--m3-neutral-95:#f8f6eb;--m3-neutral-96:#faf8ec;--m3-neutral-98:#fcfaee;--m3-error:#b8011f;--m3-accent-yellow:#b8011f;--m3-accent-yellow-deep:#8a0017;--m3-font:"Source Sans 3", sans-serif}html:root .m3-depth-brand,html:root .on-brand{--ink:#fcfaee;--foreground:#fcfaee;--m3-on-surface:#fcfaee;color:#fcfaee}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}*,:after,:before{box-sizing:border-box}:root{--brand:var(--m3-primary);--ink:var(--m3-on-surface)}.on-brand{--ink:#fff;--shade:var(--m3-primary-20)}.scene{position:absolute;inset:0}body,html{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}picture{display:contents}picture source{display:none}::selection{background:var(--primary);color:var(--primary-foreground)}#alumni,#galeri,#kegiatan,#project,#sertifikat{min-height:100svh}:root{--m3-primary-10:#0b1426;--m3-primary-20:#1a2840;--m3-primary-30:#2a3c5c;--m3-primary-40:#384c71;--m3-primary-50:#4f6490;--m3-primary-60:#6a7faa;--m3-primary-80:#aebddb;--m3-primary-90:#d6dff0;--m3-primary-95:#eaeff8;--m3-secondary-30:#1f3641;--m3-secondary-40:#517688;--m3-secondary-80:#a9c4d1;--m3-secondary-90:#d5e4eb;--m3-tertiary-10:#2d0006;--m3-tertiary-20:#5a000f;--m3-tertiary-30:#8a0017;--m3-tertiary-40:#b8011f;--m3-tertiary-80:#ffb3b9;--m3-tertiary-90:#ffdadc;--m3-neutral-0:#000;--m3-neutral-6:#0f1522;--m3-neutral-10:#151d2e;--m3-neutral-12:#1b2538;--m3-neutral-17:#232f46;--m3-neutral-20:#2a3752;--m3-neutral-22:#303e5b;--m3-neutral-24:#374563;--m3-neutral-30:#435273;--m3-neutral-50:#6c7893;--m3-neutral-60:#8892a8;--m3-neutral-70:#a4acbd;--m3-neutral-80:#c2c8d4;--m3-neutral-87:#dcdfe6;--m3-neutral-90:#fcfaee;--m3-neutral-92:#f1efe4;--m3-neutral-94:#f5f3e8;--m3-neutral-95:#f8f6eb;--m3-neutral-96:#faf8ec;--m3-neutral-98:#fcfaee;--m3-neutral-99:#fdfcf4;--m3-neutral-variant-10:#0f1724;--m3-neutral-variant-30:#3a4a5c;--m3-neutral-variant-50:#61727f;--m3-neutral-variant-60:#7c8c98;--m3-neutral-variant-80:#b5c2cb;--m3-neutral-variant-90:#dbe4e9;--m3-primary:#384c71;--m3-on-primary:#fcfaee;--m3-secondary:#517688;--m3-on-secondary:#fcfaee;--m3-tertiary:#b8011f;--m3-on-tertiary:#fcfaee;--m3-accent-yellow:#b8011f;--m3-accent-yellow-deep:#8a0017;--m3-error:#b8011f;--m3-error-container:#ffdadc;--m3-on-error-container:#2d0006;--m3-font:"Source Sans 3", sans-serif;--m3-font-heading:"Montserrat", sans-serif;--m3-type-display-large:800 3.5625rem/4rem var(--m3-font-heading);--m3-type-display-medium:800 2.8125rem/3.25rem var(--m3-font-heading);--m3-type-display-small:700 2.25rem/2.75rem var(--m3-font-heading);--m3-type-headline-large:800 2rem/2.5rem var(--m3-font-heading);--m3-type-headline-medium:800 1.75rem/2.25rem var(--m3-font-heading);--m3-type-headline-small:700 1.5rem/2rem var(--m3-font-heading);--m3-type-title-large:700 1.375rem/1.75rem var(--m3-font-heading);--m3-type-title-medium:600 1rem/1.5rem var(--m3-font-heading);--m3-type-title-small:600 .875rem/1.25rem var(--m3-font-heading);--m3-type-body-large:400 1rem/1.5rem var(--m3-font);--m3-type-body-medium:400 .875rem/1.25rem var(--m3-font);--m3-type-body-small:400 .75rem/1rem var(--m3-font);--m3-type-label-large:600 .875rem/1.25rem var(--m3-font-heading);--m3-type-label-medium:600 .75rem/1rem var(--m3-font-heading);--m3-type-label-small:600 .6875rem/1rem var(--m3-font-heading)}.m3-dark{--m3-primary:var(--m3-primary-80);--m3-on-primary:var(--m3-primary-20);--m3-primary-container:var(--m3-primary-30);--m3-on-primary-container:var(--m3-primary-90);--m3-secondary:var(--m3-secondary-80);--m3-on-secondary:var(--m3-secondary-20);--m3-secondary-container:var(--m3-secondary-30);--m3-on-secondary-container:var(--m3-secondary-90);--m3-tertiary:var(--m3-tertiary-80);--m3-on-tertiary:var(--m3-tertiary-20);--m3-tertiary-container:var(--m3-tertiary-30);--m3-on-tertiary-container:var(--m3-tertiary-90);--m3-surface:var(--m3-neutral-10);--m3-on-surface:var(--m3-neutral-90);--m3-surface-variant:var(--m3-neutral-variant-30);--m3-on-surface-variant:var(--m3-neutral-variant-80);--m3-surface-container-lowest:var(--m3-neutral-0);--m3-surface-container-low:color-mix(in srgb, var(--m3-primary) 6%, var(--m3-neutral-10));--m3-surface-container:color-mix(in srgb, var(--m3-primary) 9%, var(--m3-neutral-12));--m3-surface-container-high:color-mix(in srgb, var(--m3-primary) 12%, var(--m3-neutral-17));--m3-surface-container-highest:color-mix(in srgb, var(--m3-primary) 16%, var(--m3-neutral-22));--m3-outline:var(--m3-neutral-variant-60);--m3-outline-variant:var(--m3-neutral-variant-30);--m3-inverse-surface:var(--m3-neutral-90);--m3-inverse-on-surface:var(--m3-neutral-20)}.m3-state{isolation:isolate;position:relative;overflow:hidden}.m3-state:after{content:"";z-index:-1;border-radius:inherit;opacity:0;transition:opacity var(--m3-duration-short4) var(--m3-ease-standard);pointer-events:none;background:currentColor;position:absolute;inset:0}.m3-state:hover:after{opacity:var(--m3-state-hover)}.m3-state:focus-visible:after{opacity:var(--m3-state-focus)}.m3-state:active:after{opacity:var(--m3-state-pressed)}.m3-ripple{z-index:-1;opacity:var(--m3-state-dragged);animation:m3-ripple var(--m3-duration-long2) var(--m3-ease-emphasized-decelerate);pointer-events:none;background:currentColor;border-radius:50%;position:absolute;transform:scale(0)}@keyframes m3-ripple{to{opacity:0;transform:scale(1)}}.m3-btn{isolation:isolate;border-radius:var(--m3-shape-full);min-height:40px;font:var(--m3-type-label-large);letter-spacing:.01em;cursor:pointer;transition:box-shadow var(--m3-duration-short4) var(--m3-ease-standard),background-color var(--m3-duration-short4) var(--m3-ease-standard),border-radius var(--m3-duration-medium2) var(--m3-ease-emphasized);border:0;justify-content:center;align-items:center;gap:.5rem;padding:0 1.5rem;display:inline-flex;position:relative;overflow:hidden}.m3-btn:active{border-radius:var(--m3-shape-md)}.m3-btn:focus-visible{outline:3px solid var(--m3-primary);outline-offset:2px}.m3-btn:disabled{cursor:not-allowed;opacity:.38;box-shadow:none}.m3-btn--filled{background:var(--m3-primary);color:var(--m3-on-primary)}.m3-btn--tonal{background:var(--m3-secondary-container);color:var(--m3-on-secondary-container)}.m3-btn--outlined{box-shadow:inset 0 0 0 1px var(--m3-outline)}.m3-btn--outlined,.m3-btn--text{color:var(--m3-primary);background:0 0}.m3-btn--text{padding:0 .75rem}.m3-btn--elevated{background:var(--m3-surface-container-low);color:var(--m3-primary);box-shadow:var(--m3-elevation-1)}.m3-btn--elevated:hover{box-shadow:var(--m3-elevation-2)}.m3-icon-btn{isolation:isolate;border-radius:var(--m3-shape-full);width:40px;height:40px;font:var(--m3-type-label-large);cursor:pointer;transition:box-shadow var(--m3-duration-short4) var(--m3-ease-standard);border:0;place-items:center;padding:0;display:inline-grid;position:relative;overflow:hidden}.m3-icon-btn:focus-visible{outline:3px solid var(--m3-primary);outline-offset:2px}.m3-icon-btn:active svg{transition:transform var(--m3-duration-short4) var(--m3-ease-standard);transform:scale(.86)}.m3-icon-btn--standard{color:var(--m3-on-surface-variant);background:0 0}.m3-icon-btn--filled{background:var(--m3-primary);color:var(--m3-on-primary)}.m3-icon-btn--tonal{background:var(--m3-secondary-container);color:var(--m3-on-secondary-container)}.m3-chip--assist,.m3-icon-btn--outlined{color:var(--m3-on-surface-variant);box-shadow:inset 0 0 0 1px var(--m3-outline);background:0 0}.m3-chip{isolation:isolate;border-radius:var(--m3-shape-sm);min-height:32px;font:var(--m3-type-label-large);cursor:pointer;border:0;align-items:center;gap:.5rem;padding:0 .75rem;display:inline-flex;position:relative;overflow:hidden}.m3-chip:focus-visible{outline:3px solid var(--m3-primary);outline-offset:2px}.m3-chip--filter,.m3-chip--input{background:var(--m3-surface-container-high);color:var(--m3-on-surface-variant)}.m3-chip--input{border-radius:var(--m3-shape-xs)}.m3-chip--suggestion{background:var(--m3-secondary-container);color:var(--m3-on-secondary-container)}.m3-card{border-radius:var(--m3-shape-lg);font:var(--m3-type-body-medium);position:relative}.m3-card--elevated{background:var(--m3-surface-container-low);color:var(--m3-on-surface);box-shadow:var(--m3-elevation-1)}.m3-card--filled{background:var(--m3-surface-container-highest);color:var(--m3-on-surface)}.m3-card--outlined{background:var(--m3-surface);color:var(--m3-on-surface);box-shadow:inset 0 0 0 1px var(--m3-outline-variant)}.m3-fab{isolation:isolate;border-radius:var(--m3-shape-lg);background:var(--m3-primary-container);min-width:56px;height:56px;color:var(--m3-on-primary-container);box-shadow:var(--m3-elevation-3);font:var(--m3-type-label-large);cursor:pointer;transition:box-shadow var(--m3-duration-short4) var(--m3-ease-standard);border:0;justify-content:center;align-items:center;gap:.5rem;padding:0 1rem;display:inline-flex;position:relative;overflow:hidden}.m3-fab:focus-visible{outline:3px solid var(--m3-primary);outline-offset:2px}.m3-fab--small{border-radius:var(--m3-shape-md);min-width:40px;height:40px}.m3-fab--primary{background:var(--m3-primary);color:var(--m3-on-primary)}.m3-fab:hover{box-shadow:var(--m3-elevation-4)}.m3-badge{border-radius:var(--m3-shape-full);background:var(--m3-error);min-width:16px;height:16px;color:var(--m3-on-error);font:var(--m3-type-label-small);place-items:center;padding:0 4px;display:inline-grid}.m3-list{margin:0;padding:0;list-style:none}.m3-list-item{isolation:isolate;border-radius:var(--m3-shape-sm);min-height:56px;color:var(--m3-on-surface);font:var(--m3-type-body-large);align-items:center;gap:1rem;padding:.5rem 1rem;display:flex;position:relative;overflow:hidden}.m3-list-item--headline{font:var(--m3-type-title-medium)}.m3-list-item--support{color:var(--m3-on-surface-variant);font:var(--m3-type-body-medium)}.m3-divider{background:var(--m3-outline-variant);border:0;height:1px;margin:0}.m3-squircle{background:var(--m3-primary-container);color:var(--m3-on-primary-container);-webkit-mask-image:var(--m3-squircle-mask);-webkit-mask-image:var(--m3-squircle-mask);mask-image:var(--m3-squircle-mask);place-items:center;display:grid;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.m3-squircle--secondary{background:var(--m3-secondary-container);color:var(--m3-on-secondary-container)}.m3-squircle--tertiary{background:var(--m3-tertiary-container);color:var(--m3-on-tertiary-container)}.m3-squircle--surface{background:var(--m3-surface-container-high);color:var(--m3-on-surface)}.m3-progress{background:var(--m3-surface-variant);width:100%;height:4px;position:relative;overflow:hidden}.m3-progress,.m3-progress--stop .m3-progress__bar,.m3-progress--stop:after,.m3-progress__bar,.m3-switch,.m3-switch__thumb{border-radius:var(--m3-shape-full)}.m3-progress__bar{background:var(--m3-primary);transform-origin:0;height:100%;transition:transform var(--m3-duration-medium2) var(--m3-ease-standard)}.m3-progress--stop:after{content:"";background:var(--m3-primary);width:4px;height:4px;position:absolute;top:50%;right:0;transform:translate(50%,-50%)}.m3-progress-ring{place-items:center;width:48px;height:48px;display:grid}.m3-progress-ring__bar,.m3-progress-ring__track{position:absolute;inset:0;transform:rotate(-90deg)}.m3-progress-ring__track circle{fill:none;stroke:var(--m3-surface-variant);stroke-width:4px}.m3-progress-ring__bar circle{fill:none;stroke:var(--m3-primary);stroke-width:4px;stroke-linecap:round;transition:stroke-dashoffset var(--m3-duration-medium2) var(--m3-ease-standard)}.m3-switch{isolation:isolate;border:2px solid var(--m3-outline);background:var(--m3-surface-container-highest);cursor:pointer;width:52px;height:32px;transition:background-color var(--m3-duration-short4) var(--m3-ease-standard),border-color var(--m3-duration-short4) var(--m3-ease-standard);align-items:center;padding:0;display:inline-flex;position:relative;overflow:hidden}.m3-switch:focus-visible{outline:3px solid var(--m3-primary);outline-offset:2px}.m3-switch__thumb{background:var(--m3-outline);width:16px;height:16px;color:var(--m3-on-primary-container);transition:transform var(--m3-duration-medium2) var(--m3-ease-emphasized),width var(--m3-duration-medium2) var(--m3-ease-emphasized),height var(--m3-duration-medium2) var(--m3-ease-emphasized),margin var(--m3-duration-medium2) var(--m3-ease-emphasized),background-color var(--m3-duration-short4) var(--m3-ease-standard);place-items:center;margin-left:6px;display:grid}.m3-switch--on{border-color:var(--m3-primary);background:var(--m3-primary)}.m3-switch--on .m3-switch__thumb{background:var(--m3-on-primary);width:24px;height:24px;color:var(--m3-primary);margin-left:0;transform:translate(20px)}.m3-checkbox{isolation:isolate;border:2px solid var(--m3-on-surface-variant);border-radius:var(--m3-shape-xs);color:#0000;cursor:pointer;width:18px;height:18px;transition:border-radius var(--m3-duration-medium2) var(--m3-ease-emphasized),background-color var(--m3-duration-short4) var(--m3-ease-standard),border-color var(--m3-duration-short4) var(--m3-ease-standard);background:0 0;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.m3-checkbox:focus-visible{outline:3px solid var(--m3-primary);outline-offset:2px}.m3-checkbox--on,.m3-radio,.m3-radio__dot{border-radius:var(--m3-shape-full)}.m3-checkbox--mixed,.m3-checkbox--on{border-color:var(--m3-primary);background:var(--m3-primary);color:var(--m3-on-primary)}.m3-radio{isolation:isolate;border:2px solid var(--m3-on-surface-variant);cursor:pointer;width:20px;height:20px;transition:border-color var(--m3-duration-short4) var(--m3-ease-standard);background:0 0;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.m3-radio:focus-visible{outline:3px solid var(--m3-primary);outline-offset:2px}.m3-radio__dot{background:var(--m3-primary);width:10px;height:10px;transition:transform var(--m3-duration-medium2) var(--m3-ease-emphasized);transform:scale(0)}.m3-radio--on{border-color:var(--m3-primary)}.m3-radio--on .m3-radio__dot{transform:scale(1)}.m3-tabs{border-bottom:1px solid var(--m3-outline-variant);gap:.25rem;display:flex}.m3-tab{isolation:isolate;color:var(--m3-on-surface-variant);font:var(--m3-type-title-small);cursor:pointer;background:0 0;border:0;padding:.75rem 1rem;position:relative;overflow:hidden}.m3-tab:focus-visible{outline:3px solid var(--m3-primary);outline-offset:-3px}.m3-tab--on{color:var(--m3-primary)}.m3-tab--on:after{content:"";background:var(--m3-primary);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:.75rem;right:.75rem}.m3-segmented{border-radius:var(--m3-shape-full);box-shadow:inset 0 0 0 1px var(--m3-outline);display:inline-flex}.m3-segmented__item{isolation:isolate;min-height:40px;color:var(--m3-on-surface);font:var(--m3-type-label-large);cursor:pointer;background:0 0;border:0;padding:0 1rem;position:relative;overflow:hidden}.m3-segmented__item:first-child{border-radius:var(--m3-shape-full) 0 0 var(--m3-shape-full)}.m3-segmented__item:last-child{border-radius:0 var(--m3-shape-full) var(--m3-shape-full) 0}.m3-segmented__item--on{background:var(--m3-secondary-container);color:var(--m3-on-secondary-container)}.m3-segmented__item:focus-visible{outline:3px solid var(--m3-primary);outline-offset:-3px}.m3-badge-host{place-items:center;display:inline-grid;position:relative}.m3-badge-host__dot{border-radius:var(--m3-shape-full);background:var(--m3-error);width:8px;height:8px;position:absolute;top:0;right:0}.m3-scrim{z-index:90;background:var(--m3-scrim);place-items:center;padding:6vw;display:grid;position:fixed;inset:0}.m3-dialog{border-radius:var(--m3-shape-xl);background:var(--m3-surface-container-high);width:min(560px,100%);max-height:84dvh;color:var(--m3-on-surface);box-shadow:var(--m3-elevation-3);padding:1.5rem;position:relative;overflow:auto}.m3-dialog__icon{width:24px;height:24px;color:var(--m3-secondary);place-items:center;margin-bottom:1rem;display:grid}.m3-dialog__title{font:var(--m3-type-headline-small);color:var(--m3-on-surface);margin:0 0 .5rem}.m3-dialog__body{font:var(--m3-type-body-medium);color:var(--m3-on-surface-variant);margin:0 0 1.5rem}.m3-dialog__actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.m3-snackbar{z-index:95;border-radius:var(--m3-shape-xs);background:var(--m3-inverse-surface);min-width:280px;max-width:calc(min(560px,100vw - 32px));color:var(--m3-inverse-on-surface);box-shadow:var(--m3-elevation-3);font:var(--m3-type-body-medium);align-items:center;gap:1rem;padding:.85rem 1rem;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.m3-snackbar__action{border-radius:var(--m3-shape-xs);color:var(--m3-inverse-primary);font:var(--m3-type-label-large);cursor:pointer;background:0 0;border:0;flex-shrink:0;padding:.35rem .5rem}.m3-snackbar__action:hover{text-decoration:underline}.m3-bottom-nav{background:var(--m3-surface-container);height:80px;color:var(--m3-on-surface-variant);justify-content:space-around;align-items:center;gap:.25rem;padding:0 .5rem;display:flex}.m3-bottom-nav__item{isolation:isolate;border-radius:var(--m3-shape-full);min-width:64px;color:inherit;font:var(--m3-type-label-medium);cursor:pointer;background:0 0;border:0;justify-items:center;gap:.2rem;padding:.5rem .25rem;display:grid;position:relative;overflow:hidden}.m3-bottom-nav__item:focus-visible{outline:3px solid var(--m3-primary);outline-offset:-3px}.m3-bottom-nav__item--on{color:var(--m3-on-secondary-container)}.m3-bottom-nav__pill{border-radius:var(--m3-shape-full);place-items:center;width:64px;height:32px;display:grid}.m3-bottom-nav__item--on .m3-bottom-nav__pill{background:var(--m3-secondary-container)}.m3-nav-rail{background:var(--m3-surface-container);width:88px;color:var(--m3-on-surface-variant);flex-direction:column;align-items:center;gap:.5rem;padding:1rem .5rem;display:flex}.m3-nav-rail__item{isolation:isolate;border-radius:var(--m3-shape-full);width:100%;color:inherit;font:var(--m3-type-label-medium);cursor:pointer;background:0 0;border:0;justify-items:center;gap:.25rem;padding:.5rem 0;display:grid;position:relative;overflow:hidden}.m3-nav-rail__item:focus-visible{outline:3px solid var(--m3-primary);outline-offset:-3px}.m3-nav-rail__item--on{color:var(--m3-on-secondary-container)}.m3-nav-rail__pill{border-radius:var(--m3-shape-full);place-items:center;width:56px;height:32px;display:grid}.m3-nav-rail__item--on .m3-nav-rail__pill{background:var(--m3-secondary-container)}.m3-tooltip{display:inline-flex;position:relative}.m3-tooltip__bubble{z-index:80;border-radius:var(--m3-shape-xs);background:var(--m3-inverse-surface);color:var(--m3-inverse-on-surface);font:var(--m3-type-body-small);white-space:nowrap;box-shadow:var(--m3-elevation-1);padding:.4rem .6rem;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.m3-search{border-radius:var(--m3-shape-full);background:var(--m3-surface-container-high);height:56px;color:var(--m3-on-surface-variant);align-items:center;gap:.75rem;padding:0 .75rem 0 1rem;display:flex}.m3-search:focus-within{outline:3px solid var(--m3-primary);outline-offset:1px}.m3-search__input{min-width:0;color:var(--m3-on-surface);font:var(--m3-type-body-large);background:0 0;border:0;flex:1}.m3-field__input:focus,.m3-search__input:focus{outline:none}.m3-search__input::placeholder{color:var(--m3-on-surface-variant)}.m3-squircle--ghost{background:currentColor}.m3-app-bar{background:var(--m3-surface-container-low);min-height:64px;color:var(--m3-on-surface);align-items:center;gap:.5rem;padding:0 .5rem 0 1rem;display:flex}.m3-app-bar--center{justify-content:center}.m3-app-bar--large{align-items:flex-end;min-height:148px;padding:0 1rem 1.25rem}.m3-app-bar__title{font:var(--m3-type-title-large);color:var(--m3-on-surface);flex:1}.m3-app-bar--large .m3-app-bar__title{font:var(--m3-type-headline-medium);letter-spacing:-.01em}.m3-field{gap:.35rem;display:grid}.m3-field__box{border-radius:var(--m3-shape-xs) var(--m3-shape-xs) 0 0;background:var(--m3-surface-container-highest);border-bottom:1px solid var(--m3-on-surface-variant);min-height:56px;transition:background-color var(--m3-duration-short4) var(--m3-ease-standard);align-items:center;padding:0 1rem;display:flex;position:relative}.m3-field--outlined .m3-field__box{border:1px solid var(--m3-on-surface-variant);border-radius:var(--m3-shape-xs);background:0 0}.m3-field__area{flex:1;min-width:0;padding-top:20px;position:relative}.m3-field__input{width:100%;color:var(--m3-on-surface);font:var(--m3-type-body-large);background:0 0;border:0;padding:0}.m3-field__label{font:var(--m3-type-body-large);color:var(--m3-on-surface-variant);pointer-events:none;transition:transform var(--m3-duration-short4) var(--m3-ease-standard),font-size var(--m3-duration-short4) var(--m3-ease-standard);position:absolute;top:22px;left:0}.m3-field__label--up{font-size:.75rem;font-weight:600;transform:translateY(-18px)}.m3-field--focus .m3-field__box{border-bottom:2px solid var(--m3-primary);background:var(--m3-primary-container)}.m3-field--outlined.m3-field--focus .m3-field__box{border:2px solid var(--m3-primary);background:0 0;padding:0 .95rem}.m3-field__support{font:var(--m3-type-body-small);color:var(--m3-on-surface-variant);margin:0;padding:0 1rem}.m3-expansion{border-radius:var(--m3-shape-md);background:var(--m3-surface-container-low);color:var(--m3-on-surface);overflow:hidden}.m3-expansion__head{width:100%;min-height:56px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:1rem;padding:0 1rem;display:flex}.m3-expansion__head:focus-visible{outline:3px solid var(--m3-primary);outline-offset:-3px}.m3-expansion__title{font:var(--m3-type-title-medium);flex:1}.m3-expansion__mark{transition:transform var(--m3-duration-medium2) var(--m3-ease-emphasized)}.m3-expansion--open .m3-expansion__mark{transform:rotate(180deg)}.m3-expansion__body{font:var(--m3-type-body-medium);color:var(--m3-on-surface-variant);padding:0 1rem 1rem}.m3-sheet{z-index:92;border-radius:var(--m3-shape-xxl) var(--m3-shape-xxl) 0 0;background:var(--m3-surface-container-low);max-height:88dvh;color:var(--m3-on-surface);box-shadow:var(--m3-elevation-3);padding:0 1rem 2rem;position:fixed;bottom:0;left:0;right:0;overflow:auto}.m3-sheet__handle{background:var(--m3-on-surface-variant);opacity:.4;border-radius:2px;width:32px;height:4px;margin:.75rem auto 1rem}.m3-sheet__title{font:var(--m3-type-title-large);margin:0 0 .75rem}.m3-slider{align-items:center;min-width:200px;height:44px;display:flex;position:relative}.m3-slider__track{background:var(--m3-secondary-container);right:0}.m3-slider__active,.m3-slider__track{border-radius:2px;height:4px;position:absolute;left:0}.m3-loading__shape,.m3-slider__active,.m3-slider__handle{background:var(--m3-primary)}.m3-slider__handle{cursor:pointer;border-radius:50%;width:20px;height:20px;position:absolute;transform:translate(-50%)}.m3-slider__handle:focus-visible{outline:3px solid var(--m3-primary);outline-offset:3px}.m3-loading{place-items:center;width:48px;height:48px;display:grid}.m3-loading__shape{width:100%;height:100%;animation:m3-loading 2.4s var(--m3-ease-emphasized) infinite;border-radius:25% 75%}@keyframes m3-loading{0%{border-radius:25% 75%;transform:rotate(0)scale(.9)}50%{border-radius:75% 25%;transform:rotate(90deg)scale(1)}to{border-radius:25% 75%;transform:rotate(180deg)scale(.9)}}.m3-avatar{background:var(--m3-primary-container);width:40px;height:40px;color:var(--m3-on-primary-container);font:var(--m3-type-title-medium);border-radius:50%;place-items:center;display:grid;overflow:hidden}.m3-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.m3-avatar--group{align-items:center;display:flex}.m3-avatar--group .m3-avatar{border:2px solid var(--m3-surface);margin-left:-12px}.m3-avatar--group .m3-avatar:first-child{margin-left:0}.m3-depth-brand{background-color:var(--m3-primary);isolation:isolate}.m3-depth-brand:after{content:"";z-index:-2;background-color:color-mix(in oklab,var(--m3-primary) 88%,var(--m3-primary-80));opacity:0;pointer-events:none;animation:16s ease-in-out infinite alternate m3-drift;position:absolute;inset:0}.m3-depth-yellow{background-color:var(--m3-accent-yellow);isolation:isolate}.m3-depth-yellow:after{content:"";z-index:-2;background-color:color-mix(in oklab,var(--m3-accent-yellow) 88%,var(--m3-accent-yellow-deep));opacity:0;pointer-events:none;animation:20s ease-in-out infinite alternate m3-drift;position:absolute;inset:0}.m3-depth-dark{isolation:isolate;background-color:#101216}.m3-depth-dark:after{content:"";z-index:-2;opacity:0;pointer-events:none;background-color:oklab(18.7969% .00147035 -.00864924);animation:18s ease-in-out infinite alternate m3-drift;position:absolute;inset:0}.m3-depth-light{background-color:var(--m3-surface-container-low);isolation:isolate}.m3-depth-light:after{content:"";z-index:-2;background-color:color-mix(in oklab,var(--m3-surface-container-low) 94%,var(--m3-primary-90));opacity:0;pointer-events:none;animation:22s ease-in-out infinite alternate m3-drift;position:absolute;inset:0}@keyframes m3-drift{0%{opacity:0}to{opacity:1}}.m3-app-bar,.m3-bottom-nav,.m3-card,.m3-dialog,.m3-sheet,.m3-snackbar{isolation:isolate;position:relative}.m3-app-bar:after,.m3-bottom-nav:after,.m3-card:after,.m3-dialog:after,.m3-sheet:after,.m3-snackbar:after{content:"";z-index:-1;border-radius:inherit;background-color:color-mix(in oklab,var(--m3-primary) 12%,transparent);opacity:0;pointer-events:none;animation:14s ease-in-out infinite alternate m3-drift;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.panel__blob{animation:none}.m3-app-bar:after,.m3-bottom-nav:after,.m3-card:after,.m3-depth-brand:after,.m3-depth-dark:after,.m3-depth-light:after,.m3-depth-yellow:after,.m3-dialog:after,.m3-sheet:after,.m3-snackbar:after{opacity:0;animation:none}}