*{box-sizing:border-box;color:var(--color-text);margin:0;padding:0;font-family:Roboto,Arial,Helvetica,sans-serif}:root{background-color:var(--color-bg)}html{scroll-behavior:smooth;scrollbar-gutter:stable}section{flex-direction:column;padding:2rem 8dvw;display:flex;overflow:hidden}section>h1{margin-bottom:2rem}section:not(:first-child){padding-top:10rem}img,button{-webkit-user-select:none;user-select:none}@media (width<=916px){section>h1,section>h2{text-align:center}}:root{--color-text:#fff;--color-primary:#0c3340;--color-secondary:#2d6e85;--color-bg:#114b5f;--color-error:#ff0000ea;--font-roboto:"Roboto", Arial, Helvetica, sans-serif;--navbar-height:7.5rem;--project-card-width:23rem}.app{width:100%;height:100%;min-height:calc(100dvh - var(--navbar-height))}.menuButton{cursor:pointer;background-color:#0000;border:none;flex-direction:column;justify-content:space-around;min-width:2rem;height:2rem;transition:all .2s ease-in-out;display:flex}.menuButton .topLine,.menuButton .middleLine,.menuButton .bottomLine{background-color:var(--color-text);transform-origin:50%;border-radius:.2rem;width:100%;height:.3rem;transition:all .2s ease-in-out}.menuButton.open .topLine{transform:translateY(.666667rem)rotate(45deg)}.menuButton.open .middleLine{width:0}.menuButton.open .bottomLine{transform:translateY(-.666667rem)rotate(-45deg)}.navbar{height:var(--navbar-height);justify-content:space-between;align-items:center;width:100%;padding:0 5dvw;display:flex}.navbar .menuButton{display:none}.title{font-size:2rem;font-weight:600}.navLinks{gap:2rem;list-style:none;display:flex}.navLinks li a{color:var(--color-text);font-size:1.5rem;text-decoration:none;display:inline-block}.title,.navLinks li a{color:var(--color-text);text-decoration:none;transition:all .2s ease-in-out;display:inline-block}:is(.title,.navLinks li a):hover{transform:scale(1.05)}:is(.title,.navLinks li a):active{transform:scale(.95)}.navLinks li a:hover,.navLinks li a:hover .icon{color:lch(from var(--color-text) calc(l * .8) c h);fill:lch(from var(--color-text) calc(l * .8) c h)}.navLinks li .icon{margin-left:.5rem;font-size:1rem;transition:all .2s ease-in-out}@media (width<=1150px){.navbar .menuButton{anchor-name:--menuButton;display:flex}.navLinks:before{content:"";background-color:var(--color-primary);width:.8rem;height:.8rem;position:absolute;top:-.4rem;right:0;transform:translate(-.6rem)rotate(45deg)}.navLinks{background:var(--color-primary);position-anchor:--menuButton;top:anchor(bottom);right:anchor(right);border-radius:.25rem;flex-direction:column;margin-top:1rem;padding:1.5rem;display:none;position:absolute;box-shadow:0 .5rem 1rem #0006}.navLinks.open{display:flex}}.hero{align-items:center}.heroContainer{background-color:var(--color-primary);border-radius:10rem;justify-content:center;align-items:center;width:100%;height:20rem;padding:0 0 0 8rem;display:flex;box-shadow:0 .5rem 1rem #0006}.heroContent h1{margin-bottom:1rem;font-size:3rem;font-weight:600}.heroContent p{margin-right:2rem;font-size:1.4rem}.heroContent ul{gap:3rem;margin-top:1.75rem;font-size:2rem;list-style:none;display:flex}.heroContent ul li a{color:var(--color-text);text-decoration:none;transition:all .2s ease-in-out;display:inline-block}.heroContent ul li a:hover{transform:scale(1.05)}.heroContent ul li a:active{transform:scale(.95)}.heroContent li .icon{transition:all .2s ease-in-out}.heroContent li:hover .icon{fill:lch(from var(--color-text) calc(l * .8) c h)}.heroContainer img{object-fit:cover;border:.25rem solid #fff;border-radius:50%;height:100%}@media (width<=972px){.heroContainer{border-radius:18rem 18rem 3rem 3rem;flex-direction:column-reverse;justify-content:flex-end;align-items:center;width:max(80%,22rem);height:auto;padding:2rem;display:flex}.heroContainer img{width:max(100%,18rem);height:auto}.heroContent{text-align:center;flex-direction:column;align-items:center;margin-top:1.5rem;display:flex}.heroContent h1{font-size:2.8rem}.heroContent p{margin:0;font-size:1.2rem}.heroContent ul{justify-content:center;gap:3rem;margin-top:2rem}}@property --rotation{syntax:"<angle>";inherits:true;initial-value:0deg}@property --progress{syntax:"<angle>";inherits:false;initial-value:0deg}.carousel{perspective:1500px;height:10rem;transform-style:preserve-3d;--rotation:0deg;--width:max(35dvw, 18rem);margin:2rem auto;list-style:none;animation:60s linear infinite rotate;position:relative}@keyframes rotate{to{--rotation:360deg}}.carousel li{--angle:calc(var(--rotation) + (sibling-index() - 1) * (360deg / sibling-count()));--depth:calc((cos(var(--angle)) + 1) / 2);width:7rem;height:7rem;transform:translate(-50%, -50%) translateX(calc(sin(var(--angle)) * var(--width))) translateZ(calc(cos(var(--angle)) * var(--width))) scale(calc(.5 + var(--depth) * .5));opacity:clamp(0, (var(--depth) - .5) * 10, 1);border-radius:1rem;position:absolute;top:50%;left:50%;overflow:visible;box-shadow:0 .5rem 1rem #0006}.carousel li:after{content:attr(title);opacity:0;pointer-events:none;width:max-content;font-weight:600;transition:opacity .2s ease-in-out;position:absolute;bottom:-2rem;left:50%;transform:translate(-50%)}.carousel li:before{content:"";background:conic-gradient(#fff var(--progress), transparent var(--progress));-webkit-mask:radial-gradient(square farthest-side, transparent calc(100% - .25rem), black calc(100% - .25rem));-webkit-mask:radial-gradient(square farthest-side, transparent calc(100% - .25rem), black calc(100% - .25rem));mask:radial-gradient(square farthest-side, transparent calc(100% - .25rem), black calc(100% - .25rem));pointer-events:none;z-index:-1;border-radius:1.18em;transition:--progress .5s ease-in-out;position:absolute;inset:-.18rem}.carousel li:hover:before{--progress:360deg}.carousel li:hover:after{opacity:1}.carouselImageContainer{border-radius:1rem;justify-content:center;align-items:center;width:100%;height:100%;transition:box-shadow .2s ease-in-out;display:flex;overflow:hidden}.carouselImageContainer img{object-fit:cover;width:100%;height:100%}@media (width<=768px){.carousel{--width:90dvw}.carousel li:after{opacity:calc(.15 + var(--depth) * .85)}}.about{background-image:linear-gradient(to bottom, var(--color-bg), var(--color-secondary) 8rem)}.timeline{--timeline-item-size:8rem;--timeline-arc-size:15.75rem;--timeline-connector-width:calc(100cqw - (var(--timeline-item-size) + var(--timeline-arc-size) - 1.25rem));flex-direction:column;align-items:center;width:min(100%,64rem);margin-inline:auto;padding:4rem 2rem;display:flex;container-type:inline-size}.timeline-item{width:var(--timeline-item-size);height:var(--timeline-item-size);background-color:#0000;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s ease-in-out;display:flex;position:relative}.timeline-item:focus-visible{outline:none}.timeline-icon{object-fit:cover;border:.25rem solid var(--color-text);z-index:1;cursor:pointer;border-radius:50%;width:100%;height:100%;transition:transform .2s ease-in-out}.timeline-item:first-child:before{content:"";top:50%;left:calc(-1 * (var(--timeline-connector-width) / 2) - 2rem);pointer-events:none;background-color:#fff;border-radius:50%;width:2rem;height:2rem;position:absolute;transform:translate(-50%,-50%)}.timeline-item:nth-child(odd):after{content:"";width:var(--timeline-connector-width);background-color:#fff;height:.25rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.timeline-item:first-child:after{width:calc(var(--timeline-connector-width) + 6rem);left:calc(50% - 3rem)}.timeline-item:nth-child(4n+2){align-self:flex-end}.timeline-item:nth-child(4n+2):after{content:"";width:var(--timeline-arc-size);height:var(--timeline-arc-size);clip-path:inset(0 0 0 50%);z-index:0;border:.25rem solid #fff;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-95%,-50%)}.timeline-item:nth-child(4n){align-self:flex-start}.timeline-item:nth-child(4n):after{content:"";width:var(--timeline-arc-size);height:var(--timeline-arc-size);clip-path:inset(0 50% 0 0);pointer-events:none;z-index:0;border:.25rem solid #fff;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-5%,-50%)}.timeline-item:last-child:before{content:"|";pointer-events:none;font-size:2rem;font-weight:600;position:absolute;transform:translate(-50%,-50%)}.timeline-item:last-child:nth-child(4n):before{top:calc(150% - .25rem);right:calc(-1 * (var(--timeline-arc-size) / 2) + 4rem)}.timeline-item:last-child:nth-child(4n+1):before{top:calc(50% - .2rem);right:calc(-1 * (var(--timeline-connector-width) / 2) + 3.5rem)}.timeline-item:last-child:nth-child(4n+2):before{top:calc(150% - .2rem);left:calc(-1 * (var(--timeline-arc-size) / 2) + 4.5rem)}.timeline-item:last-child:nth-child(4n+3):before{top:calc(50% - .2rem);left:calc(-1 * (var(--timeline-connector-width) / 2) + 4rem)}.timeline-item .timeline-label{white-space:nowrap;--timeline-label-offset:.75rem;flex-direction:column;justify-content:flex-start;width:max-content;transition:all .2s ease-in-out;display:flex;position:absolute;top:50%;left:50%}.timeline-item:nth-child(4n) .timeline-label,.timeline-item:nth-child(4n+1) .timeline-label{text-align:left;left:calc(100% + var(--timeline-label-offset));right:auto;transform:translateY(-120%)}.timeline-item:nth-child(4n+2) .timeline-label,.timeline-item:nth-child(4n+3) .timeline-label{text-align:right;left:auto;right:calc(100% + var(--timeline-label-offset));transform:translateY(-120%)}.timeline-item:nth-child(4n) .timeline-label,.timeline-item:nth-child(4n+2) .timeline-label{transform:translateY(-50%)}.timeline-item:has(.timeline-icon:hover) .timeline-icon{transform:scale(1.05)}.timeline-item:has(.timeline-icon:hover) .timeline-label{scale:1.05}.timeline-item:focus-visible .timeline-icon{transform:scale(1.05)}.timeline-item:focus-visible .timeline-label{scale:1.05}.timeline-item:has(.timeline-icon:active) .timeline-icon{transform:scale(.95)}.experience-modal{background-color:var(--color-bg);border:.15rem solid var(--color-text);border-radius:.5rem;width:65dvw;height:max-content;max-height:75dvh;position:relative;overflow:hidden auto}.experience-modal .experience-banner{object-fit:cover;width:100%;height:auto;max-height:15rem}.experience-content{flex-direction:column;flex:1;justify-content:center;gap:1rem;padding:1rem;display:flex}.experience-modal .experience-banner-container{width:100%;position:relative}.experience-modal .experience-banner{object-fit:cover;width:100%;height:auto;max-height:15rem;display:block}.experience-banner-overlay{flex-direction:column;justify-content:flex-end;width:100%;height:100%;padding:.5rem 1rem;display:flex;position:absolute;top:0;left:0}.experience-banner-overlay h2,.experience-banner-overlay p,.experience-banner-overlay i{text-shadow:0 0 .5rem #0000004d}.experience-banner-overlay h2{margin-bottom:-.2rem;font-size:2rem}.experience-banner-overlay p{margin:.15rem 0 0;font-size:1.5rem;font-weight:600}.experience-banner-overlay i{margin-top:.15rem;font-size:1.25rem;font-weight:600;display:block}.experience-content .roles,.experience-content .highlights{border-radius:.25rem;padding:1rem;box-shadow:0 .25rem .5rem #0000004d}.experience-content .roles{list-style:none}.experience-content .highlights li{margin-left:1.25rem}.experience-content ul h3{margin:0;padding:0 0 .5rem}.role-item p{margin-top:.5rem}.highlight-items{list-style:initial}.experience-content ul hr{border:.1rem solid var(--color-text);margin:.5rem 0}.experience-modal .close-button{width:1.2rem;height:1.2rem;color:var(--color-text);cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;font-size:1.5rem;transition:all .2s ease-in-out;display:flex;position:absolute;top:1rem;right:1rem}.experience-modal .close-button:hover,.experience-modal .close-button:focus-visible{scale:1.1}:is(.experience-modal .close-button:hover,.experience-modal .close-button:focus-visible) .icon{color:lch(from var(--color-text) calc(l * .8) c h);fill:lch(from var(--color-text) calc(l * .8) c h);transition:all .2s ease-in-out}.experience-modal .close-button:active{scale:.95}@media (width<=700px){.timeline{--timeline-item-size:7rem;gap:1.5rem;width:24rem;display:flex}.timeline-item:first-child:before{content:"";border-radius:50%;position:absolute;top:-30%;left:50%;transform:translate(-50%,-50%)}.timeline-item:nth-child(n){align-self:flex-start}.timeline-item:nth-child(n):after{content:"";width:.25rem;height:calc(var(--timeline-item-size) + 3rem);background-color:var(--color-text);clip-path:none;border:none;border-radius:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.timeline-item:last-child:nth-child(n):before{content:"__";top:calc(100% + .65rem);left:50%;right:auto}.timeline-item:nth-child(n) .timeline-label{text-align:left;text-wrap:wrap;width:clamp(10rem,45dvw,20rem);left:calc(100% + var(--timeline-label-offset));transform:translateY(-50%)}.experience-modal{border:none;border-radius:0;flex-direction:column;width:100dvw;height:calc(100dvh + 30rem);max-height:100dvh;padding-bottom:6rem;display:flex}.experience-modal .experience-banner{max-height:20rem}.experience-modal .close-button{background:#00000080;border-radius:50%;width:3rem;height:3rem;padding:0;position:fixed;top:auto;bottom:2rem;left:50%;transform:translate(-50%)}.experience-modal .close-button:hover,.experience-modal .close-button:focus-visible{scale:1.1}.experience-modal .close-button:active{scale:.95}}.experience{background-image:linear-gradient(to bottom, var(--color-primary), var(--color-bg) 8rem)}@media (width<=768px){.experience{align-items:center}}.project-card{width:var(--project-card-width);min-width:var(--project-card-width);background-color:var(--color-bg);border-radius:1rem;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 .5rem 1rem #0006}.project-banner{object-fit:cover;width:100%;height:8rem}.project-content{flex-direction:column;flex:1;justify-content:space-between;gap:.5rem;padding:1rem 1.5rem 1.5rem;display:flex}.project-content h3{text-underline-offset:.1rem;text-decoration:underline;text-decoration-thickness:.15rem}.project-info{flex-direction:column;gap:.5rem;display:flex}.project-info p{margin:.5rem 0}.project-technologies{flex-wrap:wrap;gap:.5rem;display:flex}.project-technologies img{object-fit:contain;background-color:var(--color-text);border:.1rem solid var(--color-text);border-radius:.5rem;width:2rem;height:2rem;transition:all .2s ease-in-out}.project-technologies img:hover{transform:scale(1.05)}.project-sources-container h3{margin-top:.5rem}.project-sources{gap:1rem;margin-top:.5rem;font-size:2rem;display:flex}.video-button{background:0 0;border:none;padding:0;font-size:2rem}.project-sources a,.video-button{cursor:pointer;transition:all .2s ease-in-out}:is(.project-sources a,.video-button):hover{transform:scale(1.05)}:is(.project-sources a,.video-button):active{transform:scale(.95)}.project-sources a .icon,.video-button .icon{color:var(--color-text);fill:var(--color-text);transition:all .2s ease-in-out}:is(.project-sources a .icon,.video-button .icon):hover{color:lch(from var(--color-text) calc(l * .8) c h);fill:lch(from var(--color-text) calc(l * .8) c h)}.video-modal{aspect-ratio:16/9;background-color:#0000;width:80vw;position:relative}.video-modal:hover .close-button{opacity:1;pointer-events:auto}.video-modal .video-skin{--media-border-radius:.5rem;border:.15rem solid var(--color-text);outline:none}.video-modal .video-skin .media-button--pip{display:none}.video-modal .close-button{width:2rem;height:2rem;color:var(--color-text);cursor:pointer;opacity:0;pointer-events:none;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;transition:background .2s ease-in-out,scale .2s ease-in-out,opacity .2s ease-in-out;display:flex;position:absolute;top:1rem;right:1rem}.video-modal .close-button:hover,.video-modal .close-button:focus-visible{background:#000000b3;scale:1.1}.video-modal .close-button:active{background:#000000e6;scale:.9}@media (width<=768px){.video-modal .close-button{opacity:1;background:#00000080;border-radius:50%;width:3rem;height:3rem;padding:0;position:fixed;top:auto;bottom:2rem;left:50%;transform:translate(-50%)}.video-modal .close-button:hover,.video-modal .close-button:focus-visible{scale:1.1}.video-modal .close-button:active{scale:.95}}.media-sr-only{white-space:nowrap;clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.media-default-skin *,.media-default-skin :before,.media-default-skin :after{box-sizing:border-box}.media-default-skin img,.media-default-skin video,.media-default-skin svg{max-width:100%;display:block}.media-default-skin button{font:inherit}.media-default-skin [hidden][hidden]{display:none}@media (prefers-reduced-motion:no-preference){.media-default-skin{interpolate-size:allow-keywords}}.media-default-skin{--accent-color:var(--media-accent-color,var(--default-accent-color));--accent-contrast-color:contrast-color(var(--accent-color));--accent-background-color:var(--media-accent-color,oklch(from var(--default-accent-color) l c h / calc(alpha * .1)));--accent-text-color:var(--media-accent-text-color,contrast-color(var(--media-accent-color,oklch(0% 0 0))));--shadow-current-color:oklch(from currentColor 0 0 0 / clamp(0, calc((l - .5) * .5), .15));--shadow-subtle-current-color:oklch(from var(--shadow-current-color) l c h / calc(alpha * .4));--scrollbar-thumb-color:oklch(from currentColor l c h / .3);--scale:1;--scale-unit:var(--media-scale-unit,16px);--size:calc(var(--scale-unit) * var(--scale));--spacing:calc(var(--size) / 4);--font-size-medium:calc(.9375 * var(--size));--font-size-base:calc(.8125 * var(--size));--font-size-small:calc(.6875 * var(--size));--font-size-tiny:calc(.5625 * var(--size));--media-icon-size:calc(1.125 * var(--size));--container-border-radius:var(--media-border-radius,1.75rem);width:100%;height:100%;font-family:Inter Variable,Inter,ui-sans-serif,system-ui,sans-serif;font-size:var(--font-size-base);-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;letter-spacing:normal;outline-offset:-4px;scrollbar-color:var(--scrollbar-thumb-color) transparent;scrollbar-width:thin;border-radius:var(--container-border-radius,1.75rem);isolation:isolate;outline:2px solid #0000;line-height:1.5;transition-property:outline-offset,outline-color;transition-duration:.1s;transition-timing-function:ease-out;display:block;position:relative;container:media-root/inline-size}.media-default-skin:focus-visible{outline-color:var(--focus-ring-color);outline-offset:2px}.media-default-skin::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-color);border-radius:9999px}@media (prefers-reduced-transparency:reduce) or (prefers-contrast:more){.media-default-skin{--scrollbar-thumb-color:oklch(from currentColor l c h / .8);scrollbar-width:auto}}.media-default-skin .media-surface{background-color:var(--surface-background-color);box-shadow:0 0 0 1px var(--surface-outer-border-color), 0 1px 3px 0 var(--surface-shadow-color), 0 1px 2px -1px var(--surface-shadow-color);-webkit-backdrop-filter:var(--surface-backdrop-filter);backdrop-filter:var(--surface-backdrop-filter)}.media-default-skin .media-surface:after{z-index:10;pointer-events:none;content:"";border-radius:inherit;box-shadow:inset 0 1px 0 0 var(--surface-inner-border-color), inset 0 0 0 1px oklch(from var(--surface-inner-border-color) l c h / calc(alpha * .5));position:absolute;inset:0}.media-default-skin ::slotted(video),.media-default-skin video{object-fit:var(--media-object-fit,contain);object-position:var(--media-object-position,center);width:100%;height:100%;display:block}.media-default-skin ::slotted(video){border-radius:var(--container-border-radius)}.media-default-skin video{border-radius:inherit}.media-default-skin:fullscreen ::slotted(video){object-fit:contain}.media-default-skin:fullscreen video{object-fit:contain}.media-default-skin .media-overlay{pointer-events:none;border-radius:inherit;opacity:0;-webkit-backdrop-filter:blur()saturate();backdrop-filter:blur()saturate();transition-timing-function:ease-out;transition-duration:var(--controls-transition-duration);background-image:linear-gradient(oklch(0% 0 0/0),oklch(0% 0 0/.3) 75%,oklch(0% 0 0/.5));transition-property:opacity,-webkit-backdrop-filter,backdrop-filter;position:absolute;inset:0}.media-default-skin .media-error~.media-overlay{transition-delay:var(--error-dialog-transition-delay);transition-duration:var(--error-dialog-transition-duration)}.media-default-skin .media-controls[data-visible]~.media-overlay,.media-default-skin .media-error[data-open]~.media-overlay{opacity:1}.media-default-skin .media-buffering-indicator[data-visible]~.media-overlay{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:oklch(0% 0 0/.35)}.media-default-skin .media-error[data-open]~.media-overlay{-webkit-backdrop-filter:blur(16px)saturate(1.5);backdrop-filter:blur(16px)saturate(1.5)}.media-default-skin .media-buffering-indicator{z-index:10;color:oklch(100% 0 0);pointer-events:none;place-content:center;display:none;position:absolute;inset:0}.media-default-skin .media-buffering-indicator:not([data-visible]){--media-spinner-animation:none}.media-default-skin .media-buffering-indicator[data-visible]{display:grid}@media (prefers-reduced-motion:reduce){.media-default-skin .media-buffering-indicator{--media-spinner-animation:none}}.media-default-skin .media-error{outline:none}.media-default-skin .media-error:not([data-open]){display:none}.media-default-skin .media-error__title{font-weight:600;line-height:1.25}.media-default-skin .media-error__description{overflow-wrap:anywhere;opacity:.7}.media-default-skin .media-error__actions{gap:calc(var(--spacing) * 2);display:flex}.media-default-skin .media-error__actions>*{flex:1}.media-default-skin .media-error[data-open]~.media-controls *{visibility:hidden}.media-default-skin .media-controls{--media-popover-side-offset:calc(var(--spacing) * (var(--base-side-offset,2) + 1));--media-tooltip-side-offset:var(--media-popover-side-offset);--media-popover-boundary-offset:calc(var(--spacing) * var(--base-boundary-offset,2));--media-tooltip-boundary-offset:var(--media-popover-boundary-offset);padding:calc(var(--spacing) * 1);text-shadow:0 1px 0 var(--shadow-current-color);border-radius:3.40282e38px;align-items:center;display:flex;container:media-controls/inline-size}.media-default-skin .media-controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){flex-direction:row-reverse}.media-default-skin .media-time-controls{gap:calc(var(--spacing) * 2.5);flex:1;align-items:center;display:flex;container:media-time-controls/inline-size}.media-default-skin .media-time-controls:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){flex-direction:row-reverse}@container media-time-controls (width<16rem){.media-default-skin .media-time-controls>.media-time:last-child{display:none}}.media-default-skin .media-time{font-variant-numeric:tabular-nums}.media-default-skin .media-time[role=button]{cursor:pointer;outline-offset:-2px;border-radius:calc(var(--spacing) * 1);outline:2px solid #0000;transition-property:outline-color,outline-offset;transition-duration:.1s;transition-timing-function:ease-out}.media-default-skin .media-time[role=button]:focus-visible{outline-color:var(--focus-ring-color);outline-offset:2px}.media-default-skin .media-button{height:calc(var(--spacing) * 9);min-height:0;padding:calc(var(--spacing) * 2) calc(var(--spacing) * 4);text-align:center;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none;outline-offset:-2px;will-change:scale;border:none;border-radius:3.40282e38px;outline:2px solid #0000;flex-shrink:0;justify-content:center;align-items:center;transition-property:background-color,color,outline-offset,scale;transition-duration:.15s;transition-timing-function:ease-out;display:flex}.media-default-skin .media-button:focus-visible{outline-color:var(--focus-ring-color);outline-offset:2px}.media-default-skin .media-button:active:not([aria-disabled=true]){scale:.97}.media-default-skin .media-button[aria-disabled=true]{cursor:not-allowed;opacity:.5}.media-default-skin .media-button--primary{color:var(--accent-contrast-color);text-shadow:none;background:var(--accent-color);font-weight:500}.media-default-skin .media-button--subtle{color:inherit;text-shadow:inherit;background:0 0}.media-default-skin .media-button--subtle:not([aria-disabled=true]):hover,.media-default-skin .media-button--subtle:not([aria-disabled=true]):focus-visible,.media-default-skin .media-button--subtle:not([aria-disabled=true])[aria-expanded=true]{color:var(--accent-text-color);background-color:var(--accent-background-color);text-decoration:none}.media-default-skin .media-button--icon{aspect-ratio:1;padding:0;display:grid}.media-default-skin .media-button--icon:active:not([aria-disabled=true]){scale:.97}.media-default-skin .media-button--icon .media-icon__container{display:grid}.media-default-skin .media-button--icon .media-icon{filter:drop-shadow(0 1px 0 var(--shadow-current-color));grid-area:1/1;transition-property:opacity,scale;transition-duration:.15s;transition-timing-function:ease-out}.media-default-skin .media-button--seek .media-icon__label{font-variant-numeric:tabular-nums;letter-spacing:-.05em;font-size:.715em;font-weight:500;position:absolute;bottom:-3px;right:-1px}.media-default-skin .media-button--seek:has(.media-icon--flipped) .media-icon__label{right:unset;left:-1px}.media-default-skin .media-button--playback-rate{font-variant-numeric:tabular-nums;padding:0}.media-default-skin .media-button--playback-rate:after{content:attr(data-rate) "×";width:4ch}.media-default-skin .media-button--playback-rate[data-inline-rate-label]:after{content:none}.media-default-skin .media-button--settings .media-icon--settings{transition:transform .15s ease-in-out}@media (prefers-reduced-motion:reduce){.media-default-skin .media-button--settings .media-icon--settings{transition-duration:0s}}.media-default-skin .media-button--settings[aria-expanded=true] .media-icon--settings{transform:rotate(90deg)}.media-default-skin .media-button--live{gap:calc(var(--spacing) * 1.5);aspect-ratio:auto;width:auto;padding:calc(var(--spacing) * 2) calc(var(--spacing) * 3);font-size:var(--font-size-small);text-transform:uppercase;letter-spacing:.05em;align-items:center;font-weight:600;line-height:1;display:inline-flex}.media-default-skin .media-button--live:before{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2);content:"";background-color:oklch(from currentColor l c h / .4);border-radius:50%;flex-shrink:0;transition:background-color .15s ease-out;display:inline-block}.media-default-skin .media-button--live[data-live-edge]:before{background-color:oklch(65% .22 27)}@media (prefers-reduced-motion:reduce){.media-default-skin .media-button{will-change:auto;transition-property:background-color,color;scale:1}}.media-default-skin .media-button-group{align-items:center;gap:1px;display:flex}.media-default-skin .media-button-group:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){flex-direction:row-reverse}.media-default-skin .media-badge{padding:calc(var(--spacing) * .5) calc(var(--spacing) * 1.5);font-size:var(--font-size-small);color:oklch(from currentColor l c h / .85);white-space:nowrap;background-color:oklch(from currentColor l c h / .1);border-radius:3.40282e38px;font-weight:500;line-height:1}.media-default-skin .media-icon__container{position:relative}.media-default-skin .media-icon{width:var(--media-icon-size);height:var(--media-icon-size);flex-shrink:0}.media-default-skin .media-icon--flipped{scale:-1 1}.media-default-skin:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .media-menu__chevron{scale:-1 1}.media-default-skin:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .media-menu__chevron.media-icon--flipped{scale:1}.media-default-skin media-poster,.media-default-skin>img{pointer-events:none;width:100%;height:100%;transition:opacity .25s;position:absolute;inset:0}.media-default-skin media-poster:not([data-visible]),.media-default-skin>img:not([data-visible]){opacity:0}.media-default-skin media-poster ::slotted(img),.media-default-skin media-poster img{object-fit:var(--media-object-fit,contain);object-position:var(--media-object-position,center);border-radius:var(--container-border-radius);width:100%;height:100%;position:absolute;inset:0}.media-default-skin>img{object-fit:var(--media-object-fit,contain);object-position:var(--media-object-position,center);border-radius:inherit}.media-default-skin:fullscreen media-poster ::slotted(img){object-fit:contain}.media-default-skin:fullscreen media-poster img{object-fit:contain}.media-default-skin:fullscreen>img{object-fit:contain}.media-default-skin .media-thumbnail{pointer-events:none;border-radius:calc(var(--spacing) * 3);background-color:oklch(0% 0 0/.9);position:relative}.media-default-skin .media-thumbnail .media-thumbnail__image{max-width:var(--thumbnail-max-width);max-height:var(--thumbnail-max-height);border-radius:inherit;display:block;position:relative;overflow:clip}.media-default-skin .media-thumbnail .media-thumbnail__image:after{content:"";border-radius:inherit;background-image:linear-gradient(oklch(0% 0 0/0),oklch(0% 0 0/.1),oklch(0% 0 0/.5));position:absolute;inset:0}.media-default-skin .media-thumbnail .media-thumbnail__spinner{opacity:0;position:absolute;top:50%;left:50%;translate:-50% -50%}.media-default-skin .media-thumbnail .media-thumbnail__image,.media-default-skin .media-thumbnail .media-thumbnail__spinner{transition:opacity .15s ease-out}.media-default-skin .media-thumbnail:not(:has(.media-thumbnail__image[data-loading])) .media-thumbnail__spinner{--media-spinner-animation:none}@media (prefers-reduced-motion:reduce){.media-default-skin .media-thumbnail{--media-spinner-animation:none}}.media-default-skin .media-thumbnail:has(.media-thumbnail__image[data-loading]){width:var(--thumbnail-max-width);aspect-ratio:16/9;max-width:100%;overflow:hidden}.media-default-skin .media-thumbnail:has(.media-thumbnail__image[data-loading]) .media-thumbnail__image{opacity:0}.media-default-skin .media-thumbnail:has(.media-thumbnail__image[data-loading]) .media-thumbnail__spinner{opacity:1}.media-default-skin .media-slider{--track-size:calc(var(--spacing) * 1);--track-highlighted-size:calc(var(--spacing) * 1.75);--track-border-radius:99px;--thumb-size:calc(var(--spacing) * 3);--chapter-gap:calc(var(--spacing) * 1);--chapter-inset-start:calc(var(--chapter-gap) / 2);--chapter-inset-end:calc(var(--chapter-gap) / 2);cursor:pointer;outline:none;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.media-default-skin .media-slider[data-orientation=horizontal]{width:var(--slider-width,100%);min-width:calc(var(--spacing) * 20);height:var(--slider-height,calc(var(--spacing) * 8))}.media-default-skin .media-slider[data-orientation=vertical]{width:var(--slider-width,calc(var(--spacing) * 8));height:var(--slider-height,calc(var(--spacing) * 20))}.media-default-skin .media-slider .media-slider__track{-webkit-user-select:none;user-select:none;background-color:oklch(from currentColor l c h / .2);border-radius:var(--track-border-radius);isolation:isolate;position:relative;overflow:hidden}.media-default-skin .media-slider .media-slider__track[data-orientation=horizontal]{width:100%;height:var(--track-size)}.media-default-skin .media-slider .media-slider__track[data-orientation=vertical]{width:var(--track-size);height:100%}.media-default-skin .media-slider .media-slider__buffer,.media-default-skin .media-slider .media-slider__fill{pointer-events:none;border-radius:inherit;position:absolute}:is(.media-default-skin .media-slider .media-slider__buffer,.media-default-skin .media-slider .media-slider__fill)[data-orientation=horizontal]{inset-block:0;width:100%;left:0}:is(.media-default-skin .media-slider .media-slider__buffer,.media-default-skin .media-slider .media-slider__fill)[data-orientation=vertical]{inset-inline:0;height:100%;bottom:0}@media (prefers-reduced-motion:no-preference){.media-default-skin .media-slider .media-slider__buffer,.media-default-skin .media-slider .media-slider__fill{transition:clip-path .2s ease-out}}:is(.media-default-skin .media-slider[data-dragging],.media-default-skin .media-slider[data-seeking]) .media-slider__fill,:is(.media-default-skin .media-slider[data-dragging],.media-default-skin .media-slider[data-seeking]) .media-slider__buffer{transition-duration:0s}.media-default-skin .media-slider .media-slider__buffer{background-color:oklch(from currentColor l c h / .2)}.media-default-skin .media-slider .media-slider__buffer[data-orientation=horizontal]{clip-path:inset(0 calc(100% - var(--media-slider-buffer)) 0 0 round var(--track-border-radius))}.media-default-skin .media-slider .media-slider__buffer[data-orientation=vertical]{clip-path:inset(calc(100% - var(--media-slider-buffer)) 0 0 0 round var(--track-border-radius))}.media-default-skin .media-slider .media-slider__fill{background-color:var(--accent-color)}.media-default-skin .media-slider .media-slider__fill[data-orientation=horizontal]{clip-path:inset(0 calc(100% - var(--media-slider-fill)) 0 0 round var(--track-border-radius))}.media-default-skin .media-slider .media-slider__fill[data-orientation=vertical]{clip-path:inset(calc(100% - var(--media-slider-fill)) 0 0 0 round var(--track-border-radius))}.media-default-skin .media-slider[data-dragging] .media-slider__fill[data-orientation=horizontal]{clip-path:inset(0 calc(100% - var(--media-slider-pointer)) 0 0 round var(--track-border-radius))}.media-default-skin .media-slider[data-dragging] .media-slider__fill[data-orientation=vertical]{clip-path:inset(calc(100% - var(--media-slider-pointer)) 0 0 0 round var(--track-border-radius))}.media-default-skin .media-slider .media-slider__chapters{border-radius:inherit;flex:1;align-items:center;min-width:0;min-height:0;display:flex;position:relative}.media-default-skin .media-slider .media-slider__chapters[data-orientation=horizontal]{width:100%;height:100%}.media-default-skin .media-slider .media-slider__chapters[data-orientation=vertical]{flex-direction:column-reverse;width:100%;height:100%}.media-default-skin .media-slider .media-slider__chapter{border-radius:inherit;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:absolute;inset:0}.media-default-skin .media-slider .media-slider__chapter:first-child{--chapter-inset-start:0px}.media-default-skin .media-slider .media-slider__chapter:last-child{--chapter-inset-end:0px}.media-default-skin .media-slider .media-slider__chapter .media-slider__chapter-track{border-radius:inherit}@media (prefers-reduced-motion:no-preference){.media-default-skin .media-slider .media-slider__chapter .media-slider__chapter-track{transition:height .2s ease-out,width .2s ease-out}}.media-default-skin .media-slider .media-slider__chapter[data-orientation=horizontal]{clip-path:inset(0 calc(100% - var(--media-slider-chapter-end)) 0 var(--media-slider-chapter-start))}.media-default-skin .media-slider .media-slider__chapter[data-orientation=horizontal] .media-slider__chapter-track{height:var(--track-size);clip-path:inset(0 calc(100% - var(--media-slider-chapter-end) + var(--chapter-inset-end)) 0 calc(var(--media-slider-chapter-start) + var(--chapter-inset-start)) round var(--track-border-radius))}.media-default-skin .media-slider .media-slider__chapter[data-orientation=horizontal][data-highlighted] .media-slider__chapter-track{height:var(--track-highlighted-size)}.media-default-skin .media-slider .media-slider__chapter[data-orientation=vertical]{clip-path:inset(calc(100% - var(--media-slider-chapter-end)) 0 var(--media-slider-chapter-start) 0)}.media-default-skin .media-slider .media-slider__chapter[data-orientation=vertical] .media-slider__chapter-track{width:var(--track-size);clip-path:inset(calc(100% - var(--media-slider-chapter-end) + var(--chapter-inset-end)) 0 calc(var(--media-slider-chapter-start) + var(--chapter-inset-start)) 0 round var(--track-border-radius))}.media-default-skin .media-slider .media-slider__chapter[data-orientation=vertical][data-highlighted] .media-slider__chapter-track{width:var(--track-highlighted-size)}.media-default-skin .media-slider .media-slider__thumb{z-index:10;width:var(--thumb-size);height:var(--thumb-size);-webkit-user-select:none;user-select:none;outline-offset:-4px;box-shadow:0 0 0 1px var(--shadow-current-color,oklch(0% 0 0/.1)), 0 1px 3px 0 oklch(0% 0 0/.35), 0 1px 2px -1px oklch(0% 0 0/.35);opacity:0;background-color:currentColor;border-radius:3.40282e38px;outline:4px solid #0000;position:absolute;translate:-50% -50%;scale:.8}.media-default-skin .media-slider .media-slider__thumb[data-orientation=horizontal]{top:50%;left:var(--media-slider-fill)}.media-default-skin .media-slider .media-slider__thumb[data-orientation=vertical]{top:calc(100% - var(--media-slider-fill));left:50%}.media-default-skin .media-slider .media-slider__thumb:focus-visible{outline-color:oklch(from currentColor l c h / .15);outline-offset:0;opacity:1}.media-default-skin .media-slider .media-slider__thumb:after{content:"";border-radius:inherit;position:absolute;inset:-4px;box-shadow:0 0 0 2px}.media-default-skin .media-slider .media-slider__thumb:not(:focus-visible):after{opacity:0;scale:.5}.media-default-skin .media-slider .media-slider__thumb.media-slider__thumb--persistent{opacity:1;scale:1}@media (hover:hover) and (pointer:fine){.media-default-skin .media-slider .media-slider__thumb:hover{outline-color:oklch(from currentColor l c h / .15);outline-offset:0}}@media (prefers-reduced-motion:no-preference){.media-default-skin .media-slider .media-slider__thumb{transition-property:opacity,outline-offset,left,top,scale;transition-duration:.15s;transition-timing-function:ease-out}.media-default-skin .media-slider .media-slider__thumb:after{transition-property:opacity,scale;transition-duration:.15s;transition-timing-function:ease-out}}@media (hover:hover) and (pointer:fine){.media-default-skin .media-slider:hover .media-slider__thumb{opacity:1;scale:1}}.media-default-skin .media-slider[data-dragging] .media-slider__thumb{opacity:1;scale:.9}@media (prefers-reduced-motion:no-preference){.media-default-skin .media-slider[data-dragging] .media-slider__thumb{transition-property:opacity,outline-offset,scale}}.media-default-skin .media-slider[data-dragging] .media-slider__thumb[data-orientation=horizontal]{left:var(--media-slider-pointer)}.media-default-skin .media-slider[data-dragging] .media-slider__thumb[data-orientation=vertical]{top:calc(100% - var(--media-slider-pointer))}.media-default-skin .media-slider .media-slider__preview{--max-size-factor:36;--max-size:min(calc(var(--spacing) * var(--max-size-factor)), 100cqi);min-width:var(--max-size);height:calc(var(--spacing) * 1)}@container media-root (width>42rem){.media-default-skin .media-slider .media-slider__preview{--max-size-factor:48}}.media-default-skin .media-slider .media-slider__preview .media-slider__thumbnail,.media-default-skin .media-slider .media-slider__preview .media-slider__value{max-width:var(--max-size);opacity:0;filter:blur(8px);transform-origin:bottom;scale:.8;translate:-50% calc(var(--spacing) * 2);transition-duration:.15s;transition-timing-function:ease-out;position:absolute;left:50%}.media-default-skin .media-slider .media-slider__preview .media-slider__thumbnail{--thumbnail-max-width:var(--max-size);--thumbnail-max-height:var(--max-size);bottom:calc(100% + (var(--spacing) * 9))}.media-default-skin .media-slider .media-slider__preview .media-slider__value{bottom:calc(100% + (var(--spacing) * 10.5));text-shadow:0 1px 0 var(--shadow-current-color);flex-direction:column;align-items:center;display:flex}.media-default-skin .media-slider .media-slider__preview .media-slider__chapter-title{min-width:0;max-width:var(--max-size);padding-inline:calc(var(--spacing) * 6);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-default-skin .media-slider .media-slider__preview .media-slider__chapter-title:empty{display:none}.media-default-skin .media-slider .media-slider__preview:before{z-index:1;width:calc(var(--spacing) * 1);height:calc(var(--spacing) * 1);pointer-events:none;content:"";box-shadow:0 0 0 1px var(--shadow-current-color,oklch(0% 0 0/.15)), 0 1px 2px 0 oklch(0% 0 0/.35);opacity:0;background-color:currentColor;border-radius:100%;transition-property:opacity,scale;transition-duration:.2s;transition-timing-function:ease-out;position:absolute;top:50%;left:50%;translate:-50% -50%;scale:.5}.media-default-skin .media-slider:is([data-pointing],:has(:focus-visible)) .media-slider__preview :is(.media-slider__value,.media-slider__thumbnail),.media-default-skin .media-slider .media-slider__preview[data-pointing]:not([data-dragging]):before{opacity:1;filter:blur();scale:1}.media-default-skin{--popup-transition:opacity var(--popup-transition-timing-function) var(--popup-transition-duration), filter var(--popup-transition-timing-function) var(--popup-transition-duration), transform var(--popup-transition-timing-function) var(--popup-transition-duration), scale var(--popup-transition-timing-function) var(--popup-transition-duration)}.media-default-skin .media-popover,.media-default-skin .media-tooltip{--popup-translate-distance:calc(.5 * var(--scale-unit));color:inherit;transition:var(--popup-transition);border:0;margin:0;overflow:visible}:is(.media-default-skin .media-popover,.media-default-skin .media-tooltip)[data-starting-style],:is(.media-default-skin .media-popover,.media-default-skin .media-tooltip)[data-ending-style]{opacity:0;filter:blur(4px);transform:translate(var(--popup-translate-x-distance,0), var(--popup-translate-y-distance,0));scale:.95}:is(.media-default-skin .media-popover,.media-default-skin .media-tooltip)[data-ending-style]{transition-duration:max(0s, calc(var(--popup-transition-duration) - 50ms));transform:none}:is(.media-default-skin .media-popover,.media-default-skin .media-tooltip)[data-side=top]{--popup-translate-y-distance:var(--popup-translate-distance);transform-origin:bottom}:is(.media-default-skin .media-popover,.media-default-skin .media-tooltip)[data-side=bottom]{--popup-translate-y-distance:calc(var(--popup-translate-distance) * -1);transform-origin:top}:is(.media-default-skin .media-popover,.media-default-skin .media-tooltip)[data-side=left]{--popup-translate-x-distance:var(--popup-translate-distance);transform-origin:100%}:is(.media-default-skin .media-popover,.media-default-skin .media-tooltip)[data-side=right]{--popup-translate-x-distance:calc(var(--popup-translate-distance) * -1);transform-origin:0}:is(.media-default-skin .media-popover,.media-default-skin .media-tooltip):before{pointer-events:inherit;content:"";position:absolute}:is(.media-default-skin .media-popover,.media-default-skin .media-tooltip)[data-side=top]:before,:is(.media-default-skin .media-popover,.media-default-skin .media-tooltip)[data-side=bottom]:before{width:100%;inset-inline:0}:is(.media-default-skin .media-popover,.media-default-skin .media-tooltip)[data-side=top]:before{top:100%}:is(.media-default-skin .media-popover,.media-default-skin .media-tooltip)[data-side=bottom]:before{bottom:100%}:is(.media-default-skin .media-popover,.media-default-skin .media-tooltip)[data-side=left]:before,:is(.media-default-skin .media-popover,.media-default-skin .media-tooltip)[data-side=right]:before{height:100%;inset-block:0}:is(.media-default-skin .media-popover,.media-default-skin .media-tooltip)[data-side=left]:before{left:100%}:is(.media-default-skin .media-popover,.media-default-skin .media-tooltip)[data-side=right]:before{right:100%}.media-default-skin .media-popover[data-side=top]:before,.media-default-skin .media-popover[data-side=bottom]:before{height:var(--media-popover-side-offset)}.media-default-skin .media-popover[data-side=left]:before,.media-default-skin .media-popover[data-side=right]:before{width:var(--media-popover-side-offset)}.media-default-skin .media-popover--volume{padding:calc(var(--spacing) * 3) 0;border-radius:3.40282e38px}.media-default-skin .media-popover--volume:has(media-volume-slider[data-hidden]){display:none}.media-default-skin .media-tooltip{padding:calc(var(--spacing) * 1) calc(var(--spacing) * 2.5);font-size:var(--font-size-base);white-space:nowrap;border-radius:3.40282e38px}.media-default-skin .media-tooltip[data-open]{column-gap:calc(var(--spacing) * 1);align-items:center;display:flex}.media-default-skin .media-tooltip[data-side=top]:before,.media-default-skin .media-tooltip[data-side=bottom]:before{height:var(--media-tooltip-side-offset)}.media-default-skin .media-tooltip[data-side=left]:before,.media-default-skin .media-tooltip[data-side=right]:before{width:var(--media-tooltip-side-offset)}.media-default-skin .media-tooltip .media-tooltip__kbd{min-width:1.5em;font-family:inherit;font-size:var(--font-size-small);text-align:center;background-color:oklch(from currentColor l c h / .3);border-radius:calc(var(--spacing) * 1);padding:.1em;font-weight:600;line-height:1.25}.media-default-skin .media-menu{--menu-transition-duration:.25s;--menu-max-height:calc(var(--spacing) * 56);--menu-padding:calc(var(--spacing) * 1);--menu-border-radius:calc(var(--spacing) * 3);--menu-item-border-radius:calc(var(--menu-border-radius) - var(--menu-padding));box-sizing:border-box;min-width:max-content;max-width:var(--media-popover-available-width,none);max-height:min(var(--media-popover-available-height,var(--menu-max-height)), var(--menu-max-height));padding:var(--menu-padding);overscroll-behavior:none;border-radius:var(--menu-border-radius);overflow:auto}@media (prefers-reduced-motion:reduce){.media-default-skin .media-menu{--menu-transition-duration:0s}}.media-default-skin .media-menu>.media-menu__panel{inset-inline:0;z-index:10;max-height:inherit;padding:var(--menu-padding);overscroll-behavior:none;transition-timing-function:ease-out;transition-duration:var(--menu-transition-duration);outline:none;transition-property:translate,filter;position:absolute;top:0;overflow:auto;translate:0}.media-default-skin .media-menu>.media-menu__panel:where([data-starting-style],[data-ending-style]){pointer-events:none;filter:blur(8px);overflow:hidden;translate:100%}.media-default-skin .media-menu>.media-menu__panel:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):where([data-starting-style],[data-ending-style]){translate:-100%}.media-default-skin .media-menu .media-menu__separator{margin-block:calc(var(--spacing) * 1);border-bottom:1px solid oklch(0% 0 0/.1);box-shadow:0 1px oklch(100% 0 0/.075)}.media-default-skin .media-menu .media-menu__group{anchor-scope:--menu-item-highlight-anchor;gap:calc(var(--spacing) * .5);flex-direction:column;display:flex}@supports (top:anchor(top)){.media-default-skin .media-menu .media-menu__group:before{position-anchor:--menu-item-highlight-anchor;inset:anchor(inside);overflow-anchor:none;pointer-events:none;content:"";background-color:var(--accent-background-color);border-radius:var(--menu-item-border-radius);transition:inset .1s ease-in-out;position:absolute}.media-default-skin .media-menu .media-menu__group:has([data-highlighted=""]):before{transition-duration:0s}}.media-default-skin .media-menu .media-menu__item,.media-default-skin .media-menu .media-menu__back{gap:calc(var(--spacing) * 1.5);padding:calc(var(--spacing) * 1.5) calc(var(--spacing) * 2);text-align:start;text-shadow:0 1px 0 var(--shadow-current-color);cursor:pointer;-webkit-user-select:none;user-select:none;outline-offset:-2px;border-radius:var(--menu-item-border-radius);outline:2px solid #0000;align-items:center;transition:background-color .1s ease-in-out,color .1s ease-in-out;display:flex;position:relative}:is(.media-default-skin .media-menu .media-menu__item,.media-default-skin .media-menu .media-menu__back) .media-icon{color:oklch(from currentColor l c h / .65);filter:drop-shadow(0 1px 0 var(--shadow-current-color));flex-shrink:0}:is(.media-default-skin .media-menu .media-menu__item,.media-default-skin .media-menu .media-menu__back):focus-visible{outline-color:var(--focus-ring-color);outline-offset:2px}:is(.media-default-skin .media-menu .media-menu__item,.media-default-skin .media-menu .media-menu__back):hover,:is(.media-default-skin .media-menu .media-menu__item,.media-default-skin .media-menu .media-menu__back)[data-highlighted]{color:var(--accent-text-color);background-color:var(--accent-background-color)}:is(:is(.media-default-skin .media-menu .media-menu__item,.media-default-skin .media-menu .media-menu__back):hover,:is(.media-default-skin .media-menu .media-menu__item,.media-default-skin .media-menu .media-menu__back)[data-highlighted]) .media-icon{color:inherit}@supports (top:anchor(top)){.media-default-skin .media-menu .media-menu__item,.media-default-skin .media-menu .media-menu__back{transition-duration:50ms}:is(.media-default-skin .media-menu .media-menu__item,.media-default-skin .media-menu .media-menu__back):hover,:is(.media-default-skin .media-menu .media-menu__item,.media-default-skin .media-menu .media-menu__back)[data-highlighted]{transition-duration:.2s}}.media-default-skin .media-menu .media-menu__indicator{margin-inline:auto calc(var(--spacing) * -1);opacity:0;flex-shrink:0}.media-default-skin .media-menu .media-menu__indicator .media-icon{filter:drop-shadow(0 1px 0 var(--shadow-current-color))}.media-default-skin .media-menu .media-menu__item{font-variant-numeric:tabular-nums;color:inherit;justify-content:space-between}.media-default-skin .media-menu .media-menu__item[aria-disabled=true]{pointer-events:none;cursor:not-allowed;opacity:.5}.media-default-skin .media-menu .media-menu__item[aria-checked=true] .media-menu__indicator{opacity:1}.media-default-skin .media-menu .media-menu__item[data-availability=unavailable],.media-default-skin .media-menu .media-menu__item[data-availability=unsupported]{display:none}@supports (top:anchor(top)){.media-default-skin .media-menu .media-menu__item[data-highlighted]{anchor-name:--menu-item-highlight-anchor;background-color:#0000}}.media-default-skin .media-menu .media-menu__tier{padding-inline-start:calc(var(--spacing) * .5);font-size:var(--font-size-tiny);color:oklch(from currentColor l c h / .7);padding-top:1px;font-weight:600;line-height:1}.media-default-skin .media-menu .media-menu__back{width:100%;margin-bottom:calc(var(--spacing) * .5)}.media-default-skin .media-menu .media-menu__hint{gap:calc(var(--spacing) * 1);min-width:0;color:oklch(from currentColor l c h / .65);align-items:center;margin-inline-start:auto;padding-inline-start:calc(var(--spacing) * 2);display:inline-flex}.media-default-skin .media-menu .media-menu__hint-label{max-width:calc(var(--spacing) * 24);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-default-skin .media-menu .media-menu__chevron{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.media-default-skin .media-menu.media-menu--settings{width:var(--media-menu-width);min-width:calc(var(--spacing) * 48);height:var(--media-menu-height);transition:var(--popup-transition), width var(--popup-transition-timing-function) var(--menu-transition-duration), height var(--popup-transition-timing-function) var(--menu-transition-duration);overflow:hidden}.media-default-skin .media-menu.media-menu--settings>:not([data-submenu]){transition:translate var(--menu-transition-duration) ease-out, filter var(--menu-transition-duration) ease-out;translate:0}.media-default-skin .media-menu.media-menu--settings[data-submenu-expanded=true]>:not([data-submenu]){filter:blur(8px);translate:-100%}.media-default-skin .media-menu.media-menu--settings:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))[data-submenu-expanded=true]>:not([data-submenu]){translate:100%}.media-default-skin .media-menu.media-menu--settings[data-submenu-expanded]>:not([data-submenu]):before{display:none}.media-default-skin .media-menu.media-menu--settings[data-starting-style],.media-default-skin .media-menu.media-menu--settings[data-ending-style]{transition:var(--popup-transition)}.media-default-skin{--media-caption-track-duration:var(--controls-transition-duration);--media-caption-track-delay:25ms;--media-caption-track-y:calc(var(--spacing) * -2)}.media-default-skin:has(.media-controls[data-visible]){--media-caption-track-y:calc(var(--spacing) * -14)}.media-default-skin video::-webkit-media-text-track-container{z-index:1;scale:.98;translate:0 var(--media-caption-track-y);transition:translate var(--media-caption-track-duration) ease-out;transition-delay:var(--media-caption-track-delay);font-family:inherit}.media-default-skin .media-input-indicator-overlay{color:oklch(100% 0 0);pointer-events:none;grid-template-columns:1fr 1fr 1fr;place-items:center;display:grid;position:absolute;inset:0}.media-default-skin .media-volume-indicator,.media-default-skin .media-status-indicator--state{--surface-background-color:oklch(0% 0 0/.25);top:calc(var(--spacing) * 3);color:inherit;pointer-events:none;transform-origin:top;border-radius:3.40282e38px;font-weight:500;transition-duration:.1s;transition-timing-function:ease-out;position:absolute}:is(.media-default-skin .media-volume-indicator,.media-default-skin .media-status-indicator--state) .media-volume-indicator__content,:is(.media-default-skin .media-volume-indicator,.media-default-skin .media-status-indicator--state) .media-status-indicator__content{gap:calc(var(--spacing) * 2);width:100%;padding:calc(var(--spacing) * 1) calc(var(--spacing) * 2.5);justify-content:space-between;align-items:center;display:flex}:is(:is(.media-default-skin .media-volume-indicator,.media-default-skin .media-status-indicator--state) .media-volume-indicator__content,:is(.media-default-skin .media-volume-indicator,.media-default-skin .media-status-indicator--state) .media-status-indicator__content) *{mix-blend-mode:difference}:is(.media-default-skin .media-volume-indicator,.media-default-skin .media-status-indicator--state) .media-icon{flex-shrink:0;display:none}:is(.media-default-skin .media-volume-indicator,.media-default-skin .media-status-indicator--state) .media-volume-indicator__value,:is(.media-default-skin .media-volume-indicator,.media-default-skin .media-status-indicator--state) .media-status-indicator__value{margin-left:auto}@media (pointer:coarse){.media-default-skin .media-volume-indicator,.media-default-skin .media-status-indicator--state{will-change:scale, translate, opacity;transition-property:scale,translate,opacity}}@media (pointer:fine) and (prefers-reduced-motion:no-preference){.media-default-skin .media-volume-indicator,.media-default-skin .media-status-indicator--state{will-change:scale, translate, filter, opacity;transition-property:scale,translate,filter,opacity}}@media (prefers-reduced-transparency:reduce) or (prefers-contrast:more){.media-default-skin .media-volume-indicator,.media-default-skin .media-status-indicator--state{--surface-background-color:oklch(0% 0 0)}}:is(.media-default-skin .media-volume-indicator,.media-default-skin .media-status-indicator--state)[data-starting-style],:is(.media-default-skin .media-volume-indicator,.media-default-skin .media-status-indicator--state)[data-ending-style]{opacity:0;transition-duration:.25s;transition-timing-function:ease-in}@media (pointer:fine) and (prefers-reduced-motion:no-preference){:is(.media-default-skin .media-volume-indicator,.media-default-skin .media-status-indicator--state)[data-starting-style],:is(.media-default-skin .media-volume-indicator,.media-default-skin .media-status-indicator--state)[data-ending-style]{filter:blur(8px);scale:.9}}@media (prefers-reduced-motion:no-preference){:is(.media-default-skin .media-volume-indicator,.media-default-skin .media-status-indicator--state)[data-ending-style]{translate:0 -25%}}.media-default-skin .media-seek-indicator,.media-default-skin .media-status-indicator--playback{padding:calc(var(--spacing) * 4);text-align:center;grid-area:1/2;place-content:center;display:grid}.media-default-skin .media-volume-indicator{width:min(80%, calc(var(--spacing) * 48));transform:translate(0)}.media-default-skin .media-volume-indicator .media-volume-indicator__content{background-image:linear-gradient(currentColor,currentColor);background-position:0;background-repeat:no-repeat;background-size:var(--media-volume-fill,0%) 100%;border-radius:inherit;transition:background-size .2s linear}.media-default-skin .media-volume-indicator[data-level=high] .media-icon--volume-high,.media-default-skin .media-volume-indicator[data-level=low] .media-icon--volume-low,.media-default-skin .media-volume-indicator[data-level=off] .media-icon--volume-off{display:block}@media (prefers-reduced-motion:no-preference){.media-default-skin .media-volume-indicator[data-min]:not([data-starting-style],[data-ending-style]),.media-default-skin .media-volume-indicator[data-max]:not([data-starting-style],[data-ending-style]){transition:transform .3s linear(0, -24 20%, 16 40%, -8 60%, 4 80%, 1);transform:translate(.25px)}}.media-default-skin .media-status-indicator--state[data-status=captions-on] .media-icon--captions-on,.media-default-skin .media-status-indicator--state[data-status=captions-off] .media-icon--captions-off,.media-default-skin .media-status-indicator--state[data-status=fullscreen] .media-icon--fullscreen-enter,.media-default-skin .media-status-indicator--state[data-status=exit-fullscreen] .media-icon--fullscreen-exit,.media-default-skin .media-status-indicator--state[data-status=pip] .media-icon--pip-enter,.media-default-skin .media-status-indicator--state[data-status=exit-pip] .media-icon--pip-exit{display:block}.media-default-skin .media-status-indicator--playback{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:oklch(0% 0 0/.35);border-radius:100%;transition-property:opacity,scale;transition-duration:.2s;transition-timing-function:ease-out}.media-default-skin .media-status-indicator--playback .media-icon{width:calc(var(--media-icon-size) * 1.5);height:calc(var(--media-icon-size) * 1.5);opacity:0;grid-area:1/1;transition-property:opacity,scale;transition-duration:.15s;transition-timing-function:ease-out;scale:0}.media-default-skin .media-status-indicator--playback .media-icon.media-icon--play{translate:1px}.media-default-skin .media-status-indicator--playback[data-status=pause] .media-icon--pause,.media-default-skin .media-status-indicator--playback[data-status=play] .media-icon--play{opacity:1;scale:1}.media-default-skin .media-status-indicator--playback[data-starting-style],.media-default-skin .media-status-indicator--playback[data-ending-style]{opacity:0;scale:.85}.media-default-skin .media-status-indicator--playback[data-ending-style]{transition-duration:.1s;transition-timing-function:ease-in}@media (prefers-reduced-motion:reduce){.media-default-skin .media-status-indicator--playback{transition-property:opacity;transition-duration:50ms}.media-default-skin .media-status-indicator--playback[data-starting-style],.media-default-skin .media-status-indicator--playback[data-ending-style],.media-default-skin .media-status-indicator--playback .media-icon{scale:1}.media-default-skin .media-status-indicator--playback .media-icon{transition-property:opacity;transition-duration:50ms}}.media-default-skin .media-seek-indicator{gap:calc(var(--spacing) * 1)}.media-default-skin .media-seek-indicator .media-seek-indicator__value{font-variant-numeric:tabular-nums}@container media-root (width>24rem){.media-default-skin .media-seek-indicator{padding:calc(var(--spacing) * 6)}}.media-default-skin .media-seek-indicator[data-direction=backward]{grid-column:1;justify-self:left}.media-default-skin .media-seek-indicator[data-direction=forward]{grid-column:3;justify-self:right}.media-default-skin .media-seek-indicator .media-icon--seek{width:calc(var(--media-icon-size) * 1.5);height:calc(var(--media-icon-size) * 1.5);display:block}.media-default-skin .media-seek-indicator[data-direction=backward] .media-icon--seek{scale:-1 1}@media (prefers-reduced-motion:no-preference){.media-default-skin .media-seek-indicator .media-icon--seek{transition-property:translate,opacity;transition-duration:.2s;transition-timing-function:ease-in-out}.media-default-skin .media-seek-indicator[data-starting-style] .media-icon--seek,.media-default-skin .media-seek-indicator[data-ending-style] .media-icon--seek{opacity:0}.media-default-skin .media-seek-indicator[data-direction=forward][data-starting-style] .media-icon--seek{translate:-60%}.media-default-skin .media-seek-indicator[data-direction=backward][data-starting-style] .media-icon--seek{translate:60%}}.media-button--play .media-icon,.media-button--mute .media-icon,.media-button--fullscreen .media-icon,.media-button--pip .media-icon,.media-button--cast .media-icon,.media-button--airplay .media-icon,.media-button--captions .media-icon{opacity:0}.media-button--play .media-icon{scale:0}.media-button--play[data-ended] .media-icon--restart,.media-button--play:not([data-ended])[data-paused] .media-icon--play,.media-button--play:not([data-ended]):not([data-started]) .media-icon--play,.media-button--play[data-started]:not([data-paused]):not([data-ended]) .media-icon--pause,.media-button--mute[data-muted] .media-icon--volume-off,.media-button--mute:not([data-muted])[data-volume-level=low] .media-icon--volume-low,.media-button--mute:not([data-muted]):not([data-volume-level=low]) .media-icon--volume-high,.media-button--fullscreen:not([data-fullscreen]) .media-icon--fullscreen-enter,.media-button--fullscreen[data-fullscreen] .media-icon--fullscreen-exit,.media-button--pip:not([data-pip]) .media-icon--pip-enter,.media-button--pip[data-pip] .media-icon--pip-exit,.media-button--cast:not([data-cast-state=connected]) .media-icon--cast-enter,.media-button--cast[data-cast-state=connected] .media-icon--cast-exit,.media-button--airplay:not([data-airplay-state=connected]) .media-icon--airplay-enter,.media-button--airplay[data-airplay-state=connected] .media-icon--airplay-exit,.media-button--captions:not([data-active]) .media-icon--captions-off,.media-button--captions[data-active] .media-icon--captions-on{opacity:1;scale:1}.media-button--airplay:not([data-airplay-state=connected]){--media-icon-airplay-fill-animation:none;--media-icon-airplay-triangle-animation:none}@media (prefers-reduced-motion:reduce){.media-button--airplay{--media-icon--airplay__fill-animation:none;--media-icon--airplay__triangle-animation:none}}.media-default-skin--video{--default-accent-color:oklch(100% 0 0);--border-color:var(--lightningcss-light,oklch(0% 0 0/.1))var(--lightningcss-dark,oklch(100% 0 0/.15));--focus-ring-color:var(--lightningcss-light,oklch(0% 0 0))var(--lightningcss-dark,oklch(100% 0 0));--media-video-border-radius:var(--container-border-radius);--surface-background-color:oklch(100% 0 0/.1);--surface-inner-border-color:oklch(100% 0 0/.1);--surface-outer-border-color:oklch(0% 0 0/.1);--surface-shadow-color:oklch(0% 0 0/.15);--surface-backdrop-filter:blur(16px) saturate(1.5);--controls-transition-duration:.1s;--controls-transition-timing-function:ease-out;--error-dialog-transition-duration:.35s;--error-dialog-transition-delay:.1s;--error-dialog-transition-timing-function:ease-out;--popup-transition-duration:.1s;--popup-transition-timing-function:ease-out;background:oklch(0% 0 0);overflow:clip}@media (prefers-reduced-motion:reduce){.media-default-skin--video{--error-dialog-transition-duration:50ms;--error-dialog-transition-delay:0s;--popup-transition-duration:0s}.media-default-skin--video .media-error__dialog{transition-property:opacity;scale:1}}@media (prefers-reduced-transparency:reduce) or (prefers-contrast:more){.media-default-skin--video{--surface-background-color:oklch(0% 0 0);--surface-inner-border-color:oklch(100% 0 0/.25);--surface-outer-border-color:transparent}}@media (pointer:fine){.media-default-skin--video:has(.media-controls--root:not([data-visible])){--controls-transition-duration:.3s}}@media (pointer:coarse){.media-default-skin--video:has(.media-controls--root:not([data-visible])){--controls-transition-duration:.15s}}@media (prefers-reduced-motion:reduce){.media-default-skin--video:has(.media-controls--root:not([data-visible])){--controls-transition-duration:50ms}}.media-default-skin--video:after{z-index:10;pointer-events:none;content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--border-color);position:absolute;inset:0}.media-default-skin--video:fullscreen{--container-border-radius:0}.media-default-skin--video:fullscreen:after{display:none}@media (width>=1280px){.media-default-skin--video:fullscreen{--scale:1.25}}@media (width>=1536px){.media-default-skin--video:fullscreen{--scale:1.5}}@media (width>=1920px){.media-default-skin--video:fullscreen{--scale:1.75}}.media-default-skin--video *{--focus-ring-color:oklch(100% 0 0)}.media-default-skin--video .media-error{z-index:20;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.media-default-skin--video .media-error__dialog{gap:calc(var(--spacing) * 3);width:100%;max-width:calc(var(--spacing) * 72);padding:calc(var(--spacing) * 3);color:oklch(100% 0 0);text-shadow:0 1px oklch(0% 0 0/.25);border-radius:calc(var(--spacing) * 7);transition-delay:var(--error-dialog-transition-delay);transition-timing-function:var(--error-dialog-transition-timing-function);transition-duration:var(--error-dialog-transition-duration);flex-direction:column;transition-property:opacity,scale;display:flex}.media-default-skin--video .media-error[data-starting-style] .media-error__dialog,.media-default-skin--video .media-error[data-ending-style] .media-error__dialog{opacity:0;scale:.95}.media-default-skin--video .media-error[data-ending-style] .media-error__dialog{transition-delay:0s}.media-default-skin--video .media-error__content{gap:calc(var(--spacing) * 2);padding:calc(var(--spacing) * 2) calc(var(--spacing) * 2) calc(var(--spacing) * 1.5);text-shadow:inherit;flex-direction:column;display:flex}.media-default-skin--video .media-error__title{font-size:var(--font-size-medium)}.media-default-skin--video .media-controls--root{--inset-factor:2;--inset:calc(var(--spacing) * var(--inset-factor));--base-boundary-offset:var(--inset-factor);z-index:10;color:oklch(100% 0 0);transition-timing-function:var(--controls-transition-timing-function);transition-duration:calc(var(--controls-transition-duration) / 2);display:contents}.media-default-skin--video .media-controls--root .media-controls--primary,.media-default-skin--video .media-controls--root .media-controls--secondary{position:absolute}.media-default-skin--video .media-controls--root .media-controls--primary{z-index:20}.media-default-skin--video .media-controls--root .media-controls--secondary{z-index:10}.media-default-skin--video .media-controls--root .media-controls--primary{inset-inline:var(--inset);bottom:var(--inset);transform-origin:bottom}.media-default-skin--video .media-controls--root .media-controls--secondary{top:var(--inset);right:var(--inset);transform-origin:top;container-type:normal}.media-default-skin--video .media-controls--root .media-time-controls{padding-inline:calc(var(--spacing) * 2);flex:1}@container media-root (width<32rem){.media-default-skin--video .media-controls--root .media-controls--primary,.media-default-skin--video .media-controls--root .media-controls--secondary{transition-timing-function:inherit;transition-duration:inherit}@media (pointer:fine){.media-default-skin--video .media-controls--root .media-controls--primary,.media-default-skin--video .media-controls--root .media-controls--secondary{transition-property:filter,opacity,scale,translate}}@media (pointer:coarse){.media-default-skin--video .media-controls--root .media-controls--primary,.media-default-skin--video .media-controls--root .media-controls--secondary{transition-property:opacity,scale,translate}}.media-default-skin--video .media-controls--root:after{display:none}.media-default-skin--video .media-controls--root:not([data-visible]) .media-controls--primary,.media-default-skin--video .media-controls--root:not([data-visible]) .media-controls--secondary{pointer-events:none;opacity:0;transition-duration:var(--controls-transition-duration);scale:.95}@media (pointer:fine) and (prefers-reduced-motion:no-preference){.media-default-skin--video .media-controls--root:not([data-visible]) .media-controls--primary,.media-default-skin--video .media-controls--root:not([data-visible]) .media-controls--secondary{filter:blur(8px)}}@media (prefers-reduced-motion:reduce){.media-default-skin--video .media-controls--root:not([data-visible]) .media-controls--primary,.media-default-skin--video .media-controls--root:not([data-visible]) .media-controls--secondary{scale:1}}@media (prefers-reduced-motion:no-preference){.media-default-skin--video .media-controls--root:not([data-visible]) .media-controls--primary{translate:0 4px}}@media (prefers-reduced-motion:no-preference){.media-default-skin--video .media-controls--root:not([data-visible]) .media-controls--secondary{translate:0 -4px}}.media-default-skin--video .media-controls--root .media-button--captions{display:none}}@container media-root (width>=32rem){.media-default-skin--video .media-controls--root{inset-inline:var(--inset);bottom:var(--inset);transform-origin:bottom;display:flex;position:absolute}.media-default-skin--video .media-controls--root .media-controls--primary,.media-default-skin--video .media-controls--root .media-controls--secondary{display:contents}:is(.media-default-skin--video .media-controls--root .media-controls--primary,.media-default-skin--video .media-controls--root .media-controls--secondary):after{display:none}.media-default-skin--video .media-controls--root:not([data-visible]){pointer-events:none;opacity:0;transition-duration:var(--controls-transition-duration);scale:.95}@media (pointer:fine) and (prefers-reduced-motion:no-preference){.media-default-skin--video .media-controls--root:not([data-visible]){filter:blur(8px)}}@media (prefers-reduced-motion:reduce){.media-default-skin--video .media-controls--root:not([data-visible]){scale:1}}@media (prefers-reduced-motion:no-preference){.media-default-skin--video .media-controls--root:not([data-visible]){translate:0 4px}}.media-default-skin--video .media-controls--root .media-time-controls{padding-inline:calc(var(--spacing) * 3)}}@media (pointer:fine){.media-default-skin--video .media-controls--root{transition-property:filter,opacity,scale,translate}}@media (pointer:coarse){.media-default-skin--video .media-controls--root{transition-property:opacity,scale,translate}}@container media-root (width>42rem){.media-default-skin--video .media-controls--root{--inset-factor:3}}.media-default-skin--video .media-error[data-open]~.media-controls{display:none}.media-default-skin--video:has(.media-controls--root:not([data-visible])){cursor:none}.media-default-skin--video .media-slider__track{background-color:oklch(100% 0 0/.2)}.projects{background-image:linear-gradient(to bottom, var(--color-bg), var(--color-secondary) 8rem)}.projects-items{--gap:2rem;justify-content:flex-start;gap:var(--gap);--offset:calc(50% - (var(--project-card-width) / 2) - var(--index) * (var(--project-card-width) + var(--gap)));width:100%;transform:translateX(var(--offset));flex-wrap:nowrap;transition:transform .2s ease-in-out;display:flex}.projects-controls{justify-content:center;gap:1rem;margin-top:1rem;display:flex}.projects-controls button{background-color:var(--color-primary);width:3rem;height:3rem;color:var(--color-text);cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;margin-top:1.5rem;font-size:1.5rem;transition:all .2s ease-in-out;display:flex}.projects-controls button:disabled{opacity:.5;cursor:not-allowed}.projects-controls button:hover:not(:disabled){scale:1.1}.projects-controls button:active:not(:disabled){scale:.9}.projects-controls button:first-child{padding-right:.2rem}.projects-controls button:last-child{padding-left:.2rem}.ghost-card{width:var(--project-card-width);background-color:#0003;border:.25rem dashed #fff3;border-radius:1rem;flex:none;justify-content:center;align-items:center;font-size:4rem;display:flex}.ghost-card .icon{fill:#fff3}.contact{background-image:linear-gradient(to bottom, var(--color-secondary), var(--color-primary) 8rem)}.contact h1{margin:0}.contact p{margin:.5rem 0 1.5rem}.contact-container{flex-direction:row;align-items:center;gap:3rem;display:flex}.contact-form{flex-direction:column;gap:1rem;width:100%;max-width:30rem;display:flex}.contact-form input,.contact-form textarea{color:#000;border:.15rem solid #fff;border-radius:.25rem;outline:.15rem solid #0000;max-width:20rem;padding:.5rem}:is(.contact-form input,.contact-form textarea):focus{border:.15rem solid var(--color-primary);outline:.15rem solid #fff}:is(.contact-form input,.contact-form textarea):user-invalid{border:.15rem solid var(--color-error)}.contact-form textarea{resize:none;max-width:30rem;height:8rem}.contact-form button{background-color:var(--color-secondary);width:10rem;height:2.5rem;color:var(--color-text);cursor:pointer;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.5rem;font-size:1rem;font-weight:700;transition:all .2s ease-in-out;display:flex}.contact-form button:hover{background-color:lch(from var(--color-secondary) calc(l * .8) c h);scale:1.05}.contact-form button:active{scale:.95}.contact-form button .send-icon{margin-left:.25rem;font-size:1rem}.contact-icon{margin:0 3rem 6rem 0;font-size:14rem}@media (width<=768px){.contact{text-align:center}.contact-container{flex-direction:column;align-items:center}.contact-icon{display:none}.contact-form input,.contact-form textarea{max-width:100%}}.education{background-image:linear-gradient(to bottom, var(--color-secondary), var(--color-primary) 8rem)}.degree-cards{flex-direction:column;gap:1rem;display:flex}.degree-card{background-color:var(--color-bg);border-radius:1rem;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1rem;display:flex;box-shadow:0 .5rem 1rem #0006}.degree-content{flex-direction:column;flex:1;align-self:stretch;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.degree-header{flex-direction:row;justify-content:center;align-items:center;gap:1rem;display:flex}.degree-header h2{margin-top:-.3rem}.degree-header img{width:auto;height:4.5rem}.degree-body{flex-direction:column;gap:.5rem;display:flex}.additional-content ul{margin-left:2.4rem}.degree-award{text-align:center;background-color:var(--color-primary);border-radius:.5rem;flex-direction:column;justify-content:space-between;align-self:stretch;align-items:center;width:14rem;padding:1rem;display:flex}.award-grade{margin:-.5rem 0 0;font-size:5rem;font-weight:600}.award-description{margin:0 0 1rem;font-size:.875rem;font-weight:600}.award-toggle{flex-direction:row;justify-content:center;align-items:center;gap:.4rem;width:100%;display:flex}.award-toggle button{background-color:var(--color-secondary);border:none;border-radius:.1rem;flex:1;max-width:7rem;height:2rem;font-size:.875rem;font-weight:600;transition:background-color .2s,transform .2s}.award-toggle button:first-child{border-radius:1rem .1rem .1rem 1rem;padding-left:.25rem;font-size:1.25rem}.award-toggle button:last-child{border-radius:.1rem 1rem 1rem .1rem;padding-right:.25rem}.award-toggle button:hover{background-color:lch(from var(--color-secondary) calc(l * .8) c h);cursor:pointer;transform:scale(1.05)}.award-toggle button:active{background-color:var(--color-bg);transform:scale(.95)}.award-toggle button.active{background-color:var(--color-bg);transform:scale(1.05)}@media (width<=768px){.degree-card{flex-direction:column;align-items:flex-start}.degree-header h2{font-size:1.3rem}.degree-header h3{font-size:1.1rem}.degree-content{align-items:flex-start}.degree-award{width:100%}}.photo-gallery{columns:3 16rem;column-gap:1rem}.photo-gallery img{border:.25rem solid var(--color-text);break-inside:avoid;background-color:var(--color-secondary);border-radius:.5rem;width:100%;margin-bottom:1rem;transition:transform .2s ease-in-out;display:block}.photo-gallery img:hover,.photo-gallery img:focus-visible{transform:scale(1.05)}.photo-gallery img:active{transition:transform .2s ease-in-out;transform:scale(.95)}.image-modal-wrapper{display:inline-block;position:relative}.image-modal{border:.25rem solid var(--color-text);background-color:var(--color-bg);border-radius:.5rem;max-width:90dvw;max-height:80dvh;display:block}.caption-overlay{text-align:left;color:var(--color-text);opacity:0;pointer-events:none;background:linear-gradient(#0000 0%,#000000b3 100%);border-radius:0 0 .25rem .25rem;padding:3rem 1.5rem 1.5rem;transition:opacity .25s;position:absolute;inset:auto .25rem .25rem}.caption-overlay h2{font-size:1.25rem}.image-modal-wrapper .close-button,.image-modal-wrapper .prev-button,.image-modal-wrapper .next-button{width:2rem;height:2rem;color:var(--color-text);cursor:pointer;opacity:0;pointer-events:none;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;transition:background .2s ease-in-out,scale .2s ease-in-out,opacity .2s ease-in-out;display:flex;position:absolute}:is(.image-modal-wrapper .close-button,.image-modal-wrapper .prev-button,.image-modal-wrapper .next-button):hover,:is(.image-modal-wrapper .close-button,.image-modal-wrapper .prev-button,.image-modal-wrapper .next-button):focus-visible{background:#000000b3;scale:1.1}:is(.image-modal-wrapper .close-button,.image-modal-wrapper .prev-button,.image-modal-wrapper .next-button):active{background:#000000e6;scale:.9}.image-modal-wrapper .close-button{top:1rem;right:1rem}.image-modal-wrapper .prev-button{top:50%;left:1rem;transform:translateY(-50%)}.image-modal-wrapper .next-button{top:50%;right:1rem;transform:translateY(-50%)}.image-modal-wrapper:hover .caption-overlay,.image-modal-wrapper .caption-overlay:focus-visible,.image-modal-wrapper:hover .close-button,.image-modal-wrapper .close-button:focus-visible,.image-modal-wrapper:hover .prev-button,.image-modal-wrapper .prev-button:focus-visible,.image-modal-wrapper:hover .next-button,.image-modal-wrapper .next-button:focus-visible{opacity:1;pointer-events:auto}@media (hover:none),(pointer:coarse){.image-modal-wrapper .close-button,.image-modal-wrapper .prev-button,.image-modal-wrapper .next-button{opacity:1;pointer-events:auto;width:3rem;height:3rem;position:fixed;top:auto;bottom:2rem;transform:none}.image-modal-wrapper .close-button{left:50%;right:auto;transform:translate(-50%)}.image-modal-wrapper .prev-button{left:1rem;right:auto}.image-modal-wrapper .next-button{left:auto;right:1rem}}.pdf-container{width:min(100%,50rem);height:calc(95dvh - var(--navbar-height));flex-direction:column;justify-content:center;align-items:center;display:flex}.pdf-container iframe{border:5px solid var(--color-text);border-radius:1rem;width:100%;min-width:50dvw;height:100%}.pdf-container .pdf-icon{color:var(--color-text);margin-bottom:1rem;font-size:5rem}@media (width<=768px){.pdf-container{width:100dvw;height:calc(100dvh - var(--navbar-height))}.pdf-container iframe{border:none;border-radius:0;min-width:0}}.view{align-items:center;margin:0;padding:0}.modal-container{opacity:0;width:100%;max-width:none;height:100%;max-height:none;transition:opacity .25s ease, scale .25s ease-in-out, display .25s allow-discrete, overlay .25s allow-discrete;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;overflow:visible;scale:0}.modal-container[open]{opacity:1;scale:1}@starting-style{.modal-container[open]{opacity:0;scale:0}}.modal-container::backdrop{opacity:0;transition:opacity .25s ease, display .25s allow-discrete, overlay .25s allow-discrete;background-color:#00000080}.modal-container[open]::backdrop{opacity:1}@starting-style{.modal-container[open]::backdrop{opacity:0}}