/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.view-hkust-milestone .view-header{text-align:center;margin:40px 0}.view-hkust-milestone .view-header h2{font-size:4.75rem}@media (width<=1000px){.view-hkust-milestone .view-header{margin:20px 0}.view-hkust-milestone .view-header h2{font-size:3rem}.view-hkust-milestone .view-header h2 b{display:block}}@media (width<=500px){.view-hkust-milestone .view-header{text-align:left}}@media (width<=1750px){.view-hkust-milestone .view-content{padding:0 65px}}@media (width<=1000px){.view-hkust-milestone .view-content{padding:0}}.view-hkust-milestone .view-content h3,.view-hkust-milestone .view-content h2{--title-height:100px;text-align:center;height:var(--title-height);width:var(--title-height);justify-content:center;align-items:center;margin:auto;transition:all .3s;display:flex;position:relative}@media (width<=1000px){.view-hkust-milestone .view-content h3,.view-hkust-milestone .view-content h2{--title-height:55px;text-align:left;margin-left:0}}.view-hkust-milestone .view-content h3.active,.view-hkust-milestone .view-content h2.active{font-size:3.75rem;line-height:1}@media (width<=1000px){.view-hkust-milestone .view-content h3.active,.view-hkust-milestone .view-content h2.active{font-size:1.375rem}}.view-hkust-milestone .view-content h3.active:before,.view-hkust-milestone .view-content h2.active:before{opacity:0}.view-hkust-milestone .view-content h3:not(.active),.view-hkust-milestone .view-content h2:not(.active){color:#0003;font-size:1.625rem}@media (width<=1000px){.view-hkust-milestone .view-content h3:not(.active),.view-hkust-milestone .view-content h2:not(.active){font-size:1rem}}.view-hkust-milestone .view-content h3:not(.active):before,.view-hkust-milestone .view-content h2:not(.active):before{content:"";opacity:1;border:1px solid #d9d9d9;border-radius:100%;width:100%;height:100%;transition:all .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.view-hkust-milestone h2+.views-row .milestone-item:not(.first),.view-hkust-milestone h3+.views-row .milestone-item:not(.first){--deco-height:calc(100% + var(--item-gap))}.view-hkust-milestone h2+.views-row .milestone-item:not(.first) .milestone-item__deco,.view-hkust-milestone h3+.views-row .milestone-item:not(.first) .milestone-item__deco{top:calc(-1*var(--item-gap)/2)}.view-hkust-milestone h2+.views-row .milestone-item.last,.view-hkust-milestone h3+.views-row .milestone-item.last{--deco-height:calc(100% + var(--item-gap)/2)}.milestone-year{--item-gap:8px;--screen-gap:var(--gutter-width);z-index:9;flex-direction:column;display:flex;position:fixed;top:50%;right:0;transform:translateY(-50%)}@media (width>=1750px){.milestone-year{--screen-gap:50px}}.milestone-year__item{color:#c9c9c9;padding-right:var(--screen-gap);padding-top:var(--item-gap);padding-bottom:var(--item-gap);font-weight:700;transition:all .3s;position:relative}.milestone-year__item.lead:before,.milestone-year__item.lead:after{content:"";right:var(--screen-gap);opacity:.5;color:#c9c9c9;font-family:"Font Awesome 6 Pro";transition:all .3s;position:absolute;top:0;transform:translateY(-50%)}.milestone-year__item.lead:after{top:auto;bottom:0;transform:translateY(50%)}.milestone-year__item.lead.hide-top:before,.milestone-year__item.lead.hide-bottom:after,.milestone-year__item.lead:first-child:before,.milestone-year__item.lead:last-child:after{opacity:0}.milestone-year__item.active,.milestone-year__item:focus-visible,.milestone-year__item:hover{color:#036}.milestone-year__item.active.active{--item-gap:8px;padding-right:calc(var(--screen-gap) + 12px);max-height:50px}.milestone-year__item.active.active .milestone-year__item-deco{opacity:1}.milestone-year__item.middle{--item-gap:0;max-height:0;overflow:hidden}.milestone-year__item.middle.show{--item-gap:6px;max-height:50px}.milestone-year__item-deco{width:var(--screen-gap);opacity:0;background-color:#036;height:1px;transition:all .3s;position:absolute;top:50%;right:0;transform:translateY(-50%)}.milestone-year-mobile{padding:20px var(--gutter-width);top:var(--admin-top);z-index:9;background-color:#f4f4f4;width:100%;max-width:100%;margin-top:25px;transition:all .3s;position:sticky;overflow:hidden;--font-size:1.375rem!important}.milestone-year-mobile.header-sticky{top:calc(var(--admin-top) + var(--header-scroll-height))}@media (width<=500px){.milestone-year-mobile{--font-size:1rem!important}}.milestone-year-mobile__swiper{padding:0 25px;position:relative;overflow:hidden}.milestone-year-mobile__swiper .swiper-button-prev,.milestone-year-mobile__swiper .swiper-button-next{width:auto;margin-top:0;top:50%;transform:translateY(-50%);--font-size:var(--font-size)!important}.milestone-year-mobile__swiper .swiper-button-prev:before,.milestone-year-mobile__swiper .swiper-button-next:before{content:"";z-index:-1;background-color:#f4f4f4;width:calc(100% + 2px);height:100%;position:absolute;top:0;left:-1px}.milestone-year-mobile__swiper .swiper-button-prev{left:0;right:auto}.milestone-year-mobile__swiper .swiper-button-next{left:auto;right:0}.milestone-year-mobile__item{text-align:center;font-weight:700;font-size:var(--font-size);color:#960;padding:0 0 4px}.milestone-year-mobile__item:focus-visible,.milestone-year-mobile__item:hover{color:#960}.milestone-year-mobile__item.active{text-underline-offset:8px;-webkit-text-decoration:underline #960;text-decoration:underline #960;text-decoration-thickness:1px}.milestone-item{--active-color:#c90;--active-height:0;--item-gap:160px;--center-point:calc(100% + var(--item-gap)/2);--deco-height:calc(100% + var(--item-gap)/2);gap:calc(var(--item-gap)/2)var(--item-gap);margin:80px 0;display:flex;position:relative}@media (width<=1280px){.milestone-item{--item-gap:80px;margin:40px 0}}@media (width<=1000px){.milestone-item{--item-gap:40px;flex-direction:column-reverse;margin:20px 0 20px 50px;--center-point:-25px!important}}.milestone-item.first{margin-top:0}.milestone-item.last{--deco-height:100%}.milestone-item.left{--center-point:calc(0% - var(--item-gap)/2);flex-direction:row-reverse}@media (width<=1000px){.milestone-item.left{flex-direction:column-reverse}}.milestone-item__deco{height:var(--deco-height);background-color:#d9d9d9;width:2px;position:absolute;top:0;left:50%;transform:translate(-50%)}@media (width<=1000px){.milestone-item__deco{left:var(--center-point)}}.milestone-item__deco:after{content:"";height:var(--active-height);background-color:var(--active-color);width:2px;max-height:100%;transition:all .6s;position:absolute;top:0;left:0}.milestone-item__dot{top:50%;left:var(--center-point);z-index:1;background-color:#fff;border:1px solid #d9d9d9;border-radius:100%;width:16px;height:16px;transition:all .3s;display:block;position:absolute;transform:translate(-50%,-50%)}.milestone-item__content{width:calc(50% - var(--item-gap)/2);height:-moz-fit-content;height:fit-content;margin-top:60px;position:relative}@media (width<=1280px){.milestone-item__content{margin-top:30px}}@media (width<=1000px){.milestone-item__content{width:100%;margin:auto;padding-bottom:10px}}.milestone-item__content:hover .milestone-item__title{color:#960;-webkit-text-decoration:underline #960;text-decoration:underline #960;text-decoration-thickness:1px}.milestone-item__content:hover .btn-arrow.btn-arrow{--border-color:#f2a800;z-index:3;--arrow-padding:15px}.milestone-item__date{color:#036;font-size:1.125rem;font-weight:700;position:relative}.milestone-item__title{color:#036;text-underline-offset:8px;margin-top:15px;font-size:2.375rem;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px;transition:all .3s;position:relative}@media (width<=1000px){.milestone-item__title{font-size:1.25rem}}.milestone-item__title.active{color:#960}.milestone-item__title.active .milestone-item__dot{border-color:var(--active-color);background-color:var(--active-color)}.milestone-item__description{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:15px;display:-webkit-box;overflow:hidden}.milestone-item__link{margin-top:20px}.milestone-item__image{width:calc(50% - var(--item-gap)/2)}@media (width<=1000px){.milestone-item__image{width:100%}}.milestone-item__swiper.slider{padding-bottom:40px}.milestone-item__slide{justify-content:center;display:flex}.milestone-item__slide img{display:block}
@keyframes gin-throbber{0%{transform:rotateZ(0);}100%{transform:rotateZ(360deg);}}.ajax-progress__throbber,.ajax-progress__throbber--fullscreen,.ui-dialog .ajax-progress__throbber,.media-library-item .ajax-progress__throbber{border:3px solid var(--gin-color-primary);border-inline-end:3px dotted transparent;}.ajax-progress .ajax-progress__message{color:var(--gin-color-text);}[dir].gin--dark-mode .ajax-progress--fullscreen{background-color:var(--gin-color-primary);border-color:transparent;box-shadow:0 2px 6px 0 var(--gin-bg-app);}[dir].gin--dark-mode .ajax-progress--fullscreen .ajax-progress__throbber,[dir].gin--dark-mode .ajax-progress--fullscreen .ajax-progress__throbber--fullscreen{border:3px solid var(--gin-bg-app);border-inline-end:3px dotted transparent;}.media-library-widget .ajax-progress__throbber,.media-library-widget .ajax-progress__throbber--fullscreen{border:2px solid var(--gin-color-primary);border-inline-end:2px dotted transparent;}.ui-dialog .ajax-progress-throbber{padding:var(--gin-spacing-xs);background:var(--gin-bg-app);border-radius:50%;box-shadow:0 2px 6px 0 rgba(34,35,48,.1);border:1px solid rgba(216,217,224,.8);}.gin--dark-mode .ui-dialog .ajax-progress-throbber{background-color:var(--gin-color-primary);border-color:transparent;box-shadow:0 2px 6px 0 var(--gin-bg-app);}.ui-dialog .ajax-progress-throbber::before,.contextual-links .ajax-progress-throbber::before{content:"";display:block;position:absolute;inset-block-start:var(--gin-spacing-xs);inset-inline-start:var(--gin-spacing-xs);width:1.125rem;height:1.125rem;border:2px solid var(--gin-color-primary);border-inline-end:2px dotted transparent;border-radius:50%;animation:gin-throbber .75s linear infinite;}.gin--dark-mode .ui-dialog .ajax-progress,.gin--dark-mode .media-library-item .ajax-progress.ajax-progress.ajax-progress{background-color:var(--gin-bg-app);border-color:var(--gin-bg-app);}.contextual-links li{position:relative;}.contextual-links .ajax-progress-throbber{position:absolute;inset-block-start:0;inset-inline-end:var(--gin-spacing-xxs);width:24px;height:24px;}.contextual-links .ajax-progress-throbber::before{inset-block-start:0;inset-inline-start:.25em;}.claro-autocomplete__message{color:var(--gin-color-primary);}
.ui-dialog:not(.ui-dialog-off-canvas){max-width:1280px;border:0 none !important;border-radius:var(--gin-border-m);background:var(--gin-bg-layer);}@media (forced-colors:active){.ui-dialog:not(.ui-dialog-off-canvas){border:1px solid buttonBorder !important;}}.ui-dialog:not(.ui-dialog-off-canvas) .ui-dialog-content:first-of-type{border-start-start-radius:var(--gin-border-m);border-start-end-radius:var(--gin-border-m);}.ui-dialog:not(.ui-dialog-off-canvas) .layout-region-node-actions{position:absolute;inset-block-end:0;inset-inline-start:var(--gin-spacing-m);inset-block-start:auto;inset-inline-end:auto;}.ui-dialog:not(.ui-dialog-off-canvas) .layout-region-node-secondary{width:100%;}.ui-dialog:not(.ui-dialog-off-canvas) .views-exposed-form.views-exposed-form,.ui-dialog:not(.ui-dialog-off-canvas) .views-displays{border:1px solid var(--gin-border-color-layer);}@media (max-width:47.99em){.ui-dialog:not(.ui-dialog-off-canvas){min-width:92%;max-width:92%;}}.ui-dialog{position:absolute;inset-block-start:0;font-family:var(--gin-font);outline:none;}[dir="ltr"] .ui-dialog{inset-inline-start:0;}[dir="rtl"] .ui-dialog{inset-inline-end:0;}.ui-dialog,.ui-dialog:focus,.ui-dialog:focus:active,.ui-dialog:focus:hover{box-shadow:var(--gin-shadow-l1);}.ui-dialog .ui-dialog-titlebar{line-height:1.2;padding:var(--gin-spacing-m) var(--gin-spacing-l);background:#1b1b1d;border:0 none;border-radius:var(--gin-border-m) var(--gin-border-m) 0 0;position:relative;}@media (forced-colors:active){.ui-dialog .ui-dialog-titlebar{border-block-end:1px solid buttonBorder;}}.ui-dialog .ui-dialog-title{font-size:var(--gin-font-size-l);font-weight:var(--gin-font-weight-normal);color:#fff;width:100%;padding-inline-end:var(--gin-spacing-xl);box-sizing:border-box;}.ui-dialog .ui-dialog-content{color:var(--gin-color-text);}.ui-dialog .ui-widget-content.ui-dialog-buttonpane{padding:var(--gin-spacing-s) var(--gin-spacing-l);border-block-start:1px solid var(--gin-border-color-layer);border-end-start-radius:var(--gin-border-m);border-end-end-radius:var(--gin-border-m);background:var(--gin-bg-app);}.ui-dialog .ui-widget-content.ui-dialog-buttonpane .button{font-family:var(--gin-font);font-size:var(--gin-font-size-s);font-weight:var(--gin-font-weight-semibold);padding-block:calc(var(--gin-spacing-s) - 2px);padding-inline:var(--gin-spacing-m);margin-block:0;height:auto;}.ui-dialog .ui-widget-content.ui-dialog-buttonpane .button:last-of-type{margin-inline-end:0;}.ui-dialog .ui-widget-content.ui-dialog-buttonpane .button.button--danger,.ui-dialog [data-drupal-selector*=-remove-form] .button.button--danger{border-color:var(--gin-color-danger) !important;}.ui-dialog .ui-dialog-buttonset{margin-block-start:0;}.ui-dialog .ui-dialog-titlebar-close{position:absolute;inset-block-start:50%;inset-inline-start:auto;inset-inline-end:0;width:2rem;height:2rem;opacity:.8;margin:0 var(--gin-spacing-m);transform:translateY(-50%);background:none;border:none;}.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick{width:100%;height:100%;inset-block-start:0;inset-inline-start:0;margin:0;transform:none;background:#fff;-webkit-mask-image:url(/themes/contrib/gin/dist/media/sprite.svg);mask-image:url(/themes/contrib/gin/dist/media/sprite.svg);-webkit-mask-size:var(--gin-icon-size-close) var(--gin-icon-size-close);mask-size:var(--gin-icon-size-close) var(--gin-icon-size-close);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center center;mask-position:center center;}@media (forced-colors:active){.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick{background:linktext;}}.ui-dialog .ui-dialog-titlebar-close:hover{opacity:1;}.ui-dialog .ui-widget-content.ui-dialog-content{padding-inline:var(--gin-spacing-l);background:var(--gin-bg-layer);}.ui-dialog .gin-layer-wrapper{margin-block-end:var(--gin-spacing-l);}.ui-dialog .gin-confirm-form{margin-block-start:var(--gin-spacing-m);margin-block-end:var(--gin-spacing-s);}.ui-dialog.token-tree-dialog{max-width:none;z-index:505;}.erl-overlay,.layout-paragraphs-dialog{position:fixed !important;inset-block-start:50% !important;inset-inline-start:50% !important;width:calc(100% - var(--gin-spacing-xl)) !important;}[dir="ltr"] .erl-overlay,[dir="ltr"] .layout-paragraphs-dialog{transform:translate(-50%,-50%);}[dir="rtl"] .erl-overlay,[dir="rtl"] .layout-paragraphs-dialog{transform:translate(50%,-50%);}@media (min-width:64em){.erl-overlay,.layout-paragraphs-dialog{width:calc(100% - var(--gin-spacing-xxxl)) !important;}}ul.paragraphs-add-dialog-list{margin:var(--gin-spacing-l) 0;}.ui-widget-overlay{opacity:.9;background:var(--gin-bg-layer2);}.views-ui-dialog .views-offset-bottom{border-block-start:1px solid var(--gin-border-color);}@media (forced-colors:active){.views-ui-dialog .views-offset-bottom{border-block-start:none;}}.ui-widget-content a{color:var(--gin-color-primary);}.ui-widget.ui-dialog.ui-dialog-off-canvas{--gin-offcanvas-active:var(--gin-color-primary);background:#444;border:0 none;box-shadow:0 0 48px rgba(0,0,0,.075);}.ui-widget.ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar{background:#1b1b1d;border-radius:0;}.ui-widget.ui-dialog.ui-dialog-off-canvas .ui-resizable-w{border:0 none;background-color:transparent;}.ui-widget.ui-dialog.ui-dialog-off-canvas .fieldset{color:var(--gin-color-text);}.ui-widget.ui-dialog.ui-dialog-off-canvas #drupal-off-canvas .button--primary[type=submit]{background:var(--gin-offcanvas-active);}.ui-dialog .ui-widget-content.ui-dialog-content{overflow:auto;}.ui-dialog.webform-off-canvas .ui-widget-content.ui-dialog-content{background:var(--gin-bg-layer);}table.treetable tr.branch{background-color:transparent;}.ui-dialog .gin-layer-wrapper{margin-block:var(--gin-spacing-l);}.views-ui-dialog.views-ui-dialog > .ui-dialog-content{padding:0;}#drupal-modal .gin-sticky-form-actions.form-actions{display:none;}
