:root{--background-colour:#f8f8f8;--primary-colour:#141e41;--primary-colour-middle:#c5d8db;--primary-colour-light:#d7e4e7;--primary-colour-extra-light:#e3ecee;--primary-colour-extra-extra-light:#f0f5f7;--secondary-colour-extra-light:#fffaf0;--secondary-colour-light:#f9f1e1;--secondary-colour:#fce4b7;--secondary-colour-dark:#b5955b;--secondary-colour-extra-dark:#74603a;--star-colour:#da9425;--star-colour-dark:#987132;--reminder-colour:#842b2b;--reminder-colour-dark:#5a2323;--font-size-h1:clamp(1.2rem, 1.2rem + 1.9vw, 1.9rem);--font-size-h2:clamp(1.2rem, 1.2rem + 1.8vw, 1.8rem);--font-size-h3:clamp(1.2rem, 1.2rem + 1.6vw, 1.6rem);--font-size-h4:clamp(1.15rem, 1.15rem + 1.4vw, 1.4rem);--font-size-h5:clamp(1.1rem, 1.1rem + 1.2vw, 1.2rem);--font-size-p:clamp(1rem, 1rem + 1.1vw, 1.1rem);--font-size-small:clamp(.9rem, .9 + .9vw, .9rem);--font-size-extra-small:.9rem;--table-shadow:#0000000d 0px 6px 24px 0px, #00000014 0px 0px 0px 1px;--font-raleway:var(--raleway);--font-serif-hk:var(--noto-serif-hk);--font-sans-tc:var(--noto-sans-tc);--font-cjk-system:"PingFang HK", "PingFang TC", "Microsoft JhengHei", "Noto Sans CJK TC", sans-serif;--font-heading:var(--font-serif-hk), var(--font-cjk-system), Georgia, serif;--font-body:var(--font-raleway), var(--font-sans-tc), var(--font-cjk-system), system-ui, sans-serif;--header-height:7rem;--viewport-height:100svh;--content-height:calc(var(--viewport-height) - var(--header-height))}@media (max-width:80rem){:root{--header-height:6.25rem}}@media (max-width:55rem){:root{--header-height:6rem}}html{font-family:var(--font-body);height:100%}html body{background-color:var(--background-colour);height:fit-content;color:var(--primary-colour);min-height:100vh;min-height:var(--viewport-height);flex-direction:column;margin:0;display:flex;position:relative}html body h1,html body h2,html body h3,html body h4,html body h5,html body p,html body a{color:var(--primary-colour);margin:0}html body h1{font-size:var(--font-size-h1)!important}html body h2{font-size:var(--font-size-h2)!important}html body h3{font-size:var(--font-size-h3)!important}html body h4{font-size:var(--font-size-h4)!important}html body h5{font-size:var(--font-size-h5)!important}html body p,html body a,html body li,html body button{font-size:var(--font-size-p)}html body h1,html body h2,html body h3,html body h4,html body h5{font-family:var(--font-heading)}html body p,html body a,html body li,html body textarea,html body span,html body button{font-family:var(--font-body)}html body a{color:inherit;text-decoration:none}html body ul{font-size:var(--font-size-h5)}html body button{border:none}html body input,html body button,html body select,html body label,html body li,html body span,html body a{color:var(--primary-colour)}html body .description{font-size:var(--font-size-extra-small);margin:.25rem 0 0}html body fieldset{border:none;margin-top:1rem;padding:0}html body fieldset legend{font-size:var(--font-size-small);margin:0 0 0 .25rem}html body .singleLayoutContainer{height:calc(var(--content-height) - 1rem);flex-direction:column;justify-content:center;align-items:center;min-height:fit-content;padding:0 0 1rem;display:flex}html body .pageContainer{flex-direction:column;flex:1;width:calc(100% - 2rem);height:calc(100% - 2rem);min-height:0;padding:0 1rem;display:flex}html body .pageContainer .header{align-items:center;gap:.5rem;display:flex}html body .pageContainer .header a{margin-top:.5rem}html body .pageContainer .header a svg{width:2rem;height:2rem;color:var(--primary-colour);cursor:pointer}html body .pageContainer .fullPageContentSection{height:calc(var(--content-height));flex-direction:column;width:100%;max-width:80rem;min-height:fit-content;margin:auto;display:flex;left:0;right:0}@media (max-width:55rem){html body .pageContainer .fullPageContentSection{height:calc(var(--content-height) + 3rem)}}html body .pageContainer .contentSection{width:100%;max-width:80rem;margin:auto;left:0;right:0}html body .narrowContainer{width:90%;max-width:60rem;margin:auto;padding:0 0 2rem;left:0;right:0}html body .singlePageContainer{height:var(--content-height);flex-direction:column;justify-content:center;align-items:center;min-height:30rem;display:flex;overflow:auto}html body .blogContentPage{width:calc(100% - 2rem);max-width:60rem;margin:auto;padding:0 1rem 2rem;left:0;right:0}html body .blogContentPage h1{font-size:var(--font-size-h1);border-bottom:var(--primary-colour-middle) 1px solid;margin-bottom:1.5rem;padding-bottom:1rem}html body .blogContentPage p{line-height:1.75}html body .blogContentPage p+p{margin-top:1rem;line-height:1.75}html body .blogContentPage .contentSection{margin:2rem 0}html body .blogContentPage .contentSection h2{margin-bottom:.75rem;display:inline-block;position:relative;font-size:var(--font-size-h3)!important}html body .blogContentPage .contentSection h2:after{content:"";background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 14' preserveAspectRatio='none'><path d='M 4,9 Q 60,3 120,7 T 236,6' stroke='%23da9425' stroke-width='2.5' stroke-linecap='round' fill='none' opacity='0.9'/></svg>");background-repeat:no-repeat;background-size:100% 100%;width:100%;height:.6rem;margin-top:.25rem;display:block}html body .blogContentPage .firstSection{box-shadow:var(--table-shadow);background-color:#fff;border-radius:1rem;margin-top:1rem;padding:1rem}html body .layoutWithSideBar{flex:1;width:100%;display:flex}html body .layoutWithSideBar::-webkit-scrollbar{width:.5rem}html body .layoutWithSideBar::-webkit-scrollbar-track{background:var(--primary-colour-extra-extra-light)}html body .layoutWithSideBar::-webkit-scrollbar-thumb{background:var(--primary-colour);border-radius:50rem}html body .layoutWithSideBar::-webkit-scrollbar-thumb:hover{background:var(--star-colour)}html body .layoutWithSideBar .contentWrapper{width:100%;position:relative}html body .layoutWithSideBar aside{text-align:center;width:100%;max-width:20rem;top:var(--header-height);height:var(--content-height);border-right:var(--primary-colour-middle) 1px solid;flex-direction:column;display:flex;position:sticky;overflow:auto}html body .layoutWithSideBar aside a{padding:.5rem 0;transition:all .2s}html body .layoutWithSideBar aside a:hover,html body .layoutWithSideBar aside a.activeItem{background-color:var(--primary-colour-extra-light);font-weight:700}html body .layoutWithSideBar aside a.activeItem{cursor:default}html body .layoutWithSideBar aside::-webkit-scrollbar{width:.75rem;height:10px}html body .layoutWithSideBar aside::-webkit-scrollbar-track{background:var(--primary-colour-extra-extra-light);border-radius:4px;margin-inline:8px}html body .layoutWithSideBar aside::-webkit-scrollbar-thumb{background:var(--primary-colour);border-radius:50rem}html body .layoutWithSideBar aside::-webkit-scrollbar-thumb:hover{background:var(--star-colour)}@media (max-width:68rem){html body .layoutWithSideBar aside.courseSidebar{display:none}}html body .layoutWithSideBar aside.courseSidebar{text-align:left}html body .layoutWithSideBar aside.courseSidebar .moduleItem{flex-direction:column;display:flex;position:relative}html body .layoutWithSideBar aside.courseSidebar .moduleItem .moduleLink{font-size:var(--font-size-small);color:var(--primary-colour);padding:.65rem 1rem .65rem 1.25rem;transition:all .25s;position:relative}html body .layoutWithSideBar aside.courseSidebar .moduleItem .moduleLink:hover{background-color:var(--primary-colour-extra-extra-light);padding-left:1.5rem;font-weight:400}html body .layoutWithSideBar aside.courseSidebar .moduleItem .moduleLink.activeItem{background-color:var(--primary-colour-extra-light);cursor:default;font-weight:700}html body .layoutWithSideBar aside.courseSidebar .moduleItem .moduleLink.activeItem:before{height:60%}html body .layoutWithSideBar aside.courseSidebar .moduleItem .moduleLink.activeItem:hover{padding-left:1.25rem}html body .layoutWithSideBar aside.courseSidebar .moduleItem .headingsList{background-color:#0000;flex-direction:column;margin-left:.5rem;padding:.25rem 0 .5rem 1.5rem;display:flex;position:relative}html body .layoutWithSideBar aside.courseSidebar .moduleItem .headingsList:before{content:"";background-color:var(--primary-colour-middle);width:1px;position:absolute;top:0;bottom:.75rem;left:.5rem}html body .layoutWithSideBar aside.courseSidebar .moduleItem .headingsList .headingLink{font-size:var(--font-size-small);text-align:left;cursor:pointer;color:var(--primary-colour);border-left:none;border-radius:.4rem;padding:.4rem .5rem .4rem .75rem;transition:all .2s;position:relative}html body .layoutWithSideBar aside.courseSidebar .moduleItem .headingsList .headingLink:before{content:"";background-color:var(--primary-colour-middle);width:.6rem;height:1px;transition:all .2s;position:absolute;top:50%;left:-1rem}html body .layoutWithSideBar aside.courseSidebar .moduleItem .headingsList .headingLink:after{content:"";background-color:var(--star-colour);width:.5rem;height:.5rem;box-shadow:0 0 0 3px var(--background-colour);border-radius:50%;transition:transform .25s;position:absolute;top:50%;left:-1.2rem;transform:translateY(-50%)scale(0)}html body .layoutWithSideBar aside.courseSidebar .moduleItem .headingsList .headingLink:hover{opacity:1;background-color:var(--secondary-colour-extra-light)}html body .layoutWithSideBar aside.courseSidebar .moduleItem .headingsList .headingLink:hover:before{background-color:var(--star-colour);width:.8rem}html body .layoutWithSideBar aside.courseSidebar .moduleItem .headingsList .headingLink.activeHeading{opacity:1;background-color:var(--secondary-colour-light);border-left:none;font-weight:700}html body .layoutWithSideBar aside.courseSidebar .moduleItem .headingsList .headingLink.activeHeading:before{opacity:0}html body .layoutWithSideBar aside.courseSidebar .moduleItem .headingsList .headingLink.activeHeading:after{transform:translateY(-50%)scale(1)}html body .layoutWithSideBar aside.courseSidebar .moduleItem:not(.activeModule) .headingsList{z-index:10;max-height:0;box-shadow:var(--table-shadow);background-color:#fff;border-radius:.5rem;margin-left:.5rem;margin-right:.5rem;padding-left:1.5rem;position:absolute;top:100%;left:0;right:0}html body .layoutWithSideBar aside.courseSidebar .moduleItem:not(.activeModule):hover .headingsList{max-height:30rem}html body .layoutWithSideBar aside.courseSidebar a.moduleLink:hover{background-color:var(--primary-colour-extra-extra-light)}html body .layoutWithSideBar aside.courseSidebar a.moduleLink.activeItem{background-color:var(--primary-colour-extra-light)}html body .topicGrid{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}html body .radioGroup{flex-direction:column;gap:.75rem;margin-top:.5rem;display:flex}html body .radioGroup .radioInput{gap:.5rem;align-items:flex-start!important}html body .radioGroup .radioInput>span{margin-left:0}html body .radioGroup .radioInput small.description{color:gray;margin-top:.15rem;margin-left:.5rem;display:block}html body .reviewSection{margin-top:1.5rem}html body .reviewSection h2{border-bottom:1px solid var(--primary-colour-extra-light);margin-bottom:.5rem;padding-bottom:.25rem;font-size:var(--font-size-h5)!important}html body .reviewItem{font-size:var(--font-size-small);justify-content:space-between;gap:1rem;padding:.5rem 0;display:flex}html body .reviewItem.multiline{flex-direction:column;gap:.25rem}html body .reviewItem.multiline .reviewValue{text-align:left;white-space:pre-wrap}html body .reviewItem .reviewLabel{color:var(--secondary-colour-extra-dark);flex-shrink:0}html body .reviewItem .reviewValue{text-align:right;word-break:break-word}html body .ethicalReminder{background-color:var(--secondary-colour-extra-light);border-left:3px solid var(--secondary-colour-dark);font-size:var(--font-size-small);color:var(--secondary-colour-extra-dark);border-radius:.5rem;margin-top:1rem;padding:.75rem 1rem}html body .whiteBoxContainer{box-shadow:var(--table-shadow);background-color:#fff;border-radius:1rem;margin:1rem 0;padding:1rem}html body .whiteBoxContainer h2{font-size:var(--font-size-h3)!important}html body .setupFormContainer{box-shadow:var(--table-shadow);background-color:#fff;border-radius:1rem;flex-direction:column;width:calc(95% - 4rem);max-width:40rem;height:fit-content;min-height:0;max-height:100%;margin:0 auto 1rem;padding:2rem;display:flex;left:0;right:0;overflow:auto}html body .setupFormContainer h1{font-size:var(--font-size-h3)!important}html body .setupFormContainer .reviewRow{width:100%;display:flex}html body .setupFormContainer label{font-size:var(--font-size-small);flex-direction:column;gap:.25rem;margin-top:1rem;display:flex}html body .setupFormContainer label span{margin-left:.5rem}html body .setupFormContainer .requiredReminder{color:var(--reminder-colour);text-align:right;margin-top:.5rem}html body .setupFormContainer .stepButtonsContainer{justify-content:space-around;margin-top:1rem;display:flex}html body .settingsFormContainer{flex-direction:column;gap:.5rem;max-width:40rem;margin-top:1rem;display:flex}html body .settingsFormContainer label{flex-direction:column;gap:.25rem;display:flex}html body .templateFormContainer{flex-direction:column;gap:1.25rem;max-width:40rem;margin-top:1rem;display:flex}html body .templateFormContainer h2{margin-bottom:-.5rem}html body .templateFormContainer label{flex-direction:column;gap:.25rem;display:flex}html body .doubleFields{grid-template-rows:1fr;grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}html body .roundedSelect{border:2px solid var(--primary-colour-extra-extra-light);background-color:var(--primary-colour-extra-extra-light);font-size:var(--font-size-small);border-radius:50rem;outline:none;width:100%;height:calc(3rem + 4px);padding:.5rem 1rem;transition:border-color .5s}html body .roundedSelect:focus{border:2px solid var(--star-colour)}html body .roundedSelect.disabled{background-color:#f1f1f1;border:2px solid #f1f1f1}html body .normalSelect{border:2px solid var(--primary-colour-extra-light);background-color:var(--primary-colour-extra-extra-light);font-size:var(--font-size-small);border-radius:.5rem;outline:none;width:calc(100% + 4px);padding:.45rem .75rem;transition:border-color .5s}html body .normalSelect:focus{border:2px solid var(--star-colour)}html body .normalSelect.disabled{background-color:#f1f1f1;border:2px solid #f1f1f1}html body .timeInput{border:1px solid var(--border-colour,#d1d5db);width:6.5rem;font-size:var(--font-size-extra-small);color:var(--text-colour);text-align:center;background:#fff;border-radius:6px;padding:.2rem .4rem;font-family:inherit;transition:border-color .15s,box-shadow .15s}html body .timeInput:focus{border-color:var(--primary-colour,#3b82f6);outline:none;box-shadow:0 0 0 2px #3b82f61f}html body .roundedInput{border:2px solid var(--primary-colour-extra-extra-light);background-color:var(--primary-colour-extra-extra-light);font-size:var(--font-size-small);border-radius:50rem;outline:none;width:calc(100% - 2rem);height:2rem;padding:.5rem 1rem;transition:border-color .5s}html body .roundedInput:focus{border:2px solid var(--star-colour)}html body .roundedInput.disabled{background-color:#f1f1f1;border:2px solid #f1f1f1}html body .normalInput{border:2px solid var(--primary-colour-extra-light);background-color:var(--primary-colour-extra-extra-light);font-size:var(--font-size-small);border-radius:.5rem;outline:none;width:calc(100% - 2rem + 4px);padding:.5rem .75rem;font-family:inherit;transition:border-color .5s}html body .normalInput:focus{border:2px solid var(--star-colour)}html body .normalInput.disabled{background-color:#f1f1f1;border:2px solid #f1f1f1}html body .normalInput.white{background-color:#fff}html body .radioInput{cursor:pointer;align-items:center;gap:.5rem;display:flex}html body .radioInput input[type=radio]{appearance:none;border:2px solid var(--primary-colour);cursor:pointer;border-radius:50%;flex-shrink:0;place-content:center;width:1.25rem;height:1.25rem;display:grid}html body .radioInput input[type=radio]:before{content:"";background:var(--primary-colour);border-radius:50%;width:.65rem;height:.65rem;transition:transform .12s ease-in-out;transform:scale(0)}html body .radioInput input[type=radio]:checked:before{transform:scale(1)}html body .radioInput.disabled{cursor:not-allowed;opacity:.45}html body .radioInput.disabled input[type=radio]{cursor:not-allowed}html body .checkBoxInput{align-items:center;display:flex;flex-direction:row!important}html body .checkBoxInput span{justify-content:center;align-items:center;display:inline}html body .checkBoxInput span a{font-size:var(--font-size-p);margin:-.25rem}html body .checkBoxInput button{font-size:var(--font-size-small);margin:0;padding:0}html body .checkBoxInput input{appearance:none;border:2px solid var(--primary-colour);cursor:pointer;background-color:#fff;border-radius:.25rem;outline:none;flex-shrink:0;width:1.5rem;height:1.5rem;transition:all .25s;display:flex;position:relative}html body .checkBoxInput input:hover{border-color:var(--star-colour)}html body .checkBoxInput input:checked{border-color:var(--star-colour);background-color:var(--star-colour)}html body .checkBoxInput input:checked:after{content:"✓";color:#fff;font-size:1rem;position:absolute;top:-5%;left:20%}html body .radioInput{align-items:center;display:flex;flex-direction:row!important}html body .radioInput input{appearance:none;border:2px solid var(--primary-colour);cursor:pointer;background-color:#fff;border-radius:50%;outline:none;flex-shrink:0;width:1.5rem;height:1.5rem;transition:all .25s;display:flex;position:relative}html body .radioInput input:hover{border-color:var(--star-colour)}html body .radioInput input:checked{border-color:var(--star-colour);background-color:#fff}html body .radioInput input:checked:after{content:"";background-color:var(--star-colour);border-radius:50%;width:.75rem;height:.75rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}html body .radioInput input:disabled{opacity:.5;cursor:not-allowed}html body input[type=checkbox]{appearance:none;border:2px solid var(--primary-colour);cursor:pointer;background-color:#fff;border-radius:.25rem;width:1.5rem;height:1.5rem;position:relative}html body input[type=checkbox]:checked{border-color:var(--star-colour);background-color:var(--star-colour)}html body input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:1rem;position:absolute;top:-5%;left:20%}html body input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}html body input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}html body input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}html body input[type=number]{-moz-appearance:textfield}html body .tagButton.selected{background-color:var(--star-colour);color:#fff}html body .tagButton.selected:hover{background-color:var(--star-colour-dark)}html body .starButton{background-color:var(--star-colour);text-align:center;cursor:pointer;font-size:var(--font-size-p);border-radius:50rem;grid-template-areas:"stack";padding:.5rem 2rem;transition:all .3s;display:grid;color:#fff!important}html body .starButton:hover{background-color:var(--star-colour-dark)!important}html body .starButton.disabled{cursor:default;background-color:#d3d3d3}html body .starButton.disabled:hover{background-color:#d3d3d3!important}html body .starButton.previousStep{background-color:var(--primary-colour-middle);color:var(--primary-colour)!important}html body .starButton.previousStep:hover{background-color:var(--primary-colour-light)!important}html body .starButton .buttonText{color:#fff;grid-area:stack}html body .starButton.loading .buttonText{visibility:hidden}html body .starButton:after{display:none}html body .primaryButton{background-color:var(--primary-colour);font-size:var(--font-size-p);color:#fff;cursor:pointer;border:none;border-radius:50rem;grid-template-areas:"stack";grid-auto-flow:column;align-items:center;gap:.5rem;padding:.5rem 2rem;transition:background-color .5s;display:grid}html body .primaryButton:hover{background-color:var(--star-colour)}html body .primaryButton.disabled{cursor:default;background-color:#d3d3d3}html body .primaryButton.previousStep{background-color:var(--primary-colour-extra-light);color:gray}html body .primaryButton.previousStep:hover{background-color:var(--primary-colour-middle)}html body .primaryButton .buttonText{color:#fff;grid-area:stack}html body .primaryButton.loading .buttonText{visibility:hidden}html body .secondaryButton{background-color:var(--secondary-colour);font-size:var(--font-size-p);cursor:pointer;border:none;border-radius:50rem;grid-template-areas:"stack";padding:.5rem 2rem;transition:background-color .5s;display:grid}html body .secondaryButton:hover{background-color:var(--star-colour)}html body .secondaryButton.disabled{cursor:default;background-color:#d3d3d3}html body .secondaryButton .buttonText{grid-area:stack}html body .subtleButton{background-color:var(--primary-colour-extra-light);font-size:var(--font-size-p);cursor:pointer;border:none;border-radius:50rem;grid-template-areas:"stack";padding:.5rem 2rem;transition:background-color .5s;display:grid}html body .subtleButton:hover{background-color:var(--primary-colour-middle)}html body .subtleButton.disabled{cursor:default;background-color:#d3d3d3}html body .subtleButton .buttonText{grid-area:stack}html body .smallPrimaryButton{background-color:var(--primary-colour);color:#fff;cursor:pointer;border:none;border-radius:50rem;grid-template-areas:"stack";align-items:center;padding:0 1rem;transition:background-color .5s;display:grid;font-size:var(--font-size-extra-small)!important}html body .smallPrimaryButton:hover{background-color:var(--star-colour)}html body .smallPrimaryButton.disabled{cursor:default;background-color:#d3d3d3}html body .smallPrimaryButton .buttonText{grid-area:stack}html body .transparentButton{cursor:pointer;background-color:#0000}html body .uploadButton{background-color:var(--primary-colour-extra-light);border:var(--primary-colour-middle) 2px dashed;cursor:pointer;border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;padding:1rem;transition:all .3s;display:flex}html body .uploadButton:hover{border:var(--star-colour) 2px dashed}html body .uploadButton svg{color:var(--primary-colour)}html body .addButton{border:var(--primary-colour-middle) 2px dashed;cursor:pointer;background-color:#fff;border-radius:1rem;width:100%;padding:1rem;transition:all .3s}html body .addButton:hover{border:var(--star-colour) 2px dashed}html body .removeButton{color:var(--reminder-colour);cursor:pointer;background-color:#0000;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.4rem;transition:all .2s;display:flex}html body .removeButton:hover{background-color:var(--reminder-colour);color:#fff}html body .removeButton.disable{cursor:no-drop}html body .removeButton.disable svg{color:gray}html body .removeButton.disable:hover{background-color:#0000}html body .tagButton{font-size:var(--font-size-small);background-color:var(--primary-colour-light);cursor:pointer;border-radius:50rem;width:fit-content;padding:.15rem .75rem;transition:all .3s}html body .tagButton:hover{background-color:var(--star-colour);color:#fff}html body .optionsTable{text-align:center;vertical-align:middle;width:100%}html body .prettyTable{border-collapse:collapse;text-align:center;vertical-align:middle;width:100%;box-shadow:var(--table-shadow);background-color:#fff;border-radius:.25rem;margin-top:1rem;overflow:hidden}html body .prettyTable thead{background-color:var(--primary-colour-light)}html body .prettyTable thead th{padding:.5rem 1rem}html body .prettyTable td{padding:.5rem 0}html body .smallSpanTag{background-color:var(--primary-colour-middle);border-radius:50rem;width:fit-content;padding:.15rem .75rem;font-size:.9rem}html body .toggleButtonLabel{align-items:center;gap:.5rem;margin-top:.5rem;display:flex;flex-direction:row!important}html body .toast-base{color:#000;box-shadow:var(--table-shadow);background-color:#fff;border-radius:8px;width:calc(100vw - 2rem);max-width:20rem;padding:1rem;display:flex}html body .settingsTextArea{border:2px solid var(--primary-colour-extra-light);background-color:var(--primary-colour-extra-extra-light);resize:none;min-height:6rem;font-size:var(--font-size-small);width:calc(100% - 2rem);color:var(--primary-colour);border-radius:1rem;outline:none;padding:.5rem 1rem;font-family:inherit;transition:border-color .5s}html body .settingsTextArea:focus{border:2px solid var(--star-colour)}html body .settingsTextArea.white{background-color:#fff}html body .settingsTextArea.long{min-height:10rem}html body .reactSelect .react-select__control{border:2px solid var(--primary-colour-extra-light);background-color:var(--primary-colour-extra-extra-light);width:100%;min-height:40px;color:var(--primary-colour);border-radius:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}html body .reactSelect .react-select__control--is-focused{border-color:var(--star-colour);box-shadow:none}html body .reactSelect .react-select__indicator{color:var(--primary-colour);transition:transform .3s}html body .reactSelect .react-select__dropdown-indicator.react-select__dropdown-indicator--is-focused{transform:rotate(180deg)}html body .reactSelect .react-select__menu{border-radius:1rem;animation:.3s ease-out dropdownSlide;overflow:hidden;box-shadow:0 10px 30px #00000026}html body .reactSelect .react-select__option{transition:all .2s}html body .reactSelect .react-select__option:hover{background-color:var(--secondary-colour-light);color:var(--primary-colour);padding-left:1.5rem}html body .reactSelect .react-select__single-value{color:var(--primary-colour)}html body .reactSelect .react-select__multi-value{background-color:var(--secondary-colour);border-radius:20px;padding:0 .5rem;font-size:.9rem;animation:.3s ease-out tagPop}html body .reactSelect .react-select__multi-value__label{color:var(--primary-colour)}html body .reactSelect .react-select__multi-value__remove{color:var(--primary-colour);transition:all .2s}html body .reactSelect .react-select__multi-value__remove:hover{color:#fff}html body .toast-success svg{fill:var(--primary-colour)}html body .toast-success .Toastify__progress-bar--bg{background-color:gray}html body .toast-success .Toastify__progress-bar{background:var(--primary-colour)!important}html body .toast-error svg{fill:var(--star-colour)}html body .toast-error .Toastify__progress-bar--bg{background-color:gray}html body .toast-error .Toastify__progress-bar{background:var(--star-colour)!important}html body .tagsContainer{gap:.5rem;display:flex}html body .cardsContainer{grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));gap:1rem;width:100%;margin-top:1rem;display:grid}html body .cardsContainer .card{background-color:var(--primary-colour-extra-extra-light);border:var(--primary-colour-middle) 2px solid;cursor:pointer;border-radius:1rem;justify-content:space-between;align-items:center;min-height:6rem;padding:.5rem 2rem;transition:all .3s;display:flex;position:relative}html body .cardsContainer .card .content{flex-direction:column;display:flex}html body .cardsContainer .card svg{color:var(--primary-colour);right:1rem}html body .cardsContainer .card:hover{border:var(--star-colour) 2px solid}html body .cardsContainer .card.addCard{border:var(--primary-colour-middle) dashed 2px;background-color:#fff;justify-content:center}html body .cardsContainer .card.addCard:hover{border:var(--star-colour) 2px dashed}html body .cardsContainer .staffInfoCard{border:2px var(--primary-colour-extra-light) solid;border-radius:1rem;align-items:center;gap:1rem;min-height:4rem;padding:1rem;transition:all .3s;display:flex}html body .cardsContainer .staffInfoCard label{margin:0}html body .cardsContainer .staffInfoCard .headshotContainer{background-color:var(--primary-colour-light);border-radius:500rem;justify-content:center;align-items:center;width:3.5rem;min-width:3.5rem;height:3.5rem;display:flex;position:relative;overflow:hidden}html body .cardsContainer .staffInfoCard .headshotContainer img{object-fit:cover}html body .cardsContainer .staffInfoCard .outsideContainer{justify-content:space-between;align-items:center;width:100%;display:flex}html body .cardsContainer .staffInfoCard .outsideContainer .content{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;display:flex}html body .cardsContainer .staffInfoCard .outsideContainer .content .basicInfo{justify-content:space-between;gap:.15rem;width:100%;display:flex}html body .cardsContainer .staffInfoCard .outsideContainer .content .basicInfo h3{font-weight:400;font-size:var(--font-size-h5)!important}html body .cardsContainer .staffInfoCard:hover{border:var(--star-colour) 2px solid}html body .rdp-root{--rdp-accent-color:var(--primary-colour);--rdp-accent-background-color:var(--primary-colour-extra-light);font-family:inherit}html body .rdp-root .rdp-caption_label{font-weight:400}html body .rdp-today{font-weight:700;text-decoration:underline}html body .previewLogoBox{border:var(--primary-colour-light) 1px solid;border-radius:1rem;justify-content:center;align-items:center;height:6rem;padding:1rem;display:flex;position:relative}html body hr.sectionDivider{border-top:1px solid var(--primary-colour-middle);margin:1.5rem 0}html body .stickyBar{background-color:var(--primary-colour-middle);width:calc(100% - 2rem);top:var(--header-height);z-index:1;justify-content:center;gap:.5rem;margin-bottom:1rem;padding:.25rem 1rem;display:flex;position:sticky}html body .stickyBar p{font-size:var(--font-size-small)}html body .str-video__participant-view{aspect-ratio:16/9;min-width:100%}html body .str-video__participant-details__name{color:#fff;background-color:var(--primary-colour);border-top-right-radius:1rem}html body .str-chat{--str-chat__primary-color:var(--primary-colour);--str-chat__secondary-surface-color:var(--primary-colour-extra-light);--str-chat__primary-surface-color:#f5f5f5}html body .str-video__participant-view{width:calc(100vw - 2rem);max-width:80rem}html body .str-video__generic-menu--item button{color:#fff!important;font-weight:400!important}html body .paymentElementWrapper{background-color:#f8f8f8;border-radius:1rem;padding:0 1rem 1rem}@media (max-width:80rem){.layoutWithSideBar aside{background-color:var(--background-colour);z-index:6}}@media (max-width:55rem){.layoutWithSideBar aside{background-color:var(--background-colour);z-index:6;margin-bottom:.5rem;height:calc(100dvh - 6.25rem)!important;top:calc(6rem + 4px)!important}.layoutWithSideBar{flex-direction:column}.layoutWithSideBar aside{flex-shrink:0;overflow:auto hidden;border-right:none!important;border-bottom:var(--primary-colour-middle) 1px solid!important;flex-direction:row!important;max-width:100%!important;height:auto!important}.layoutWithSideBar aside a{white-space:nowrap;flex-shrink:0;min-width:12rem;padding:1rem 1.5rem}}@media (max-width:50rem){.setupFormContainer{width:calc(100% - 3rem)!important;padding:1.5rem!important}.setupFormContainer .doubleFields{gap:1rem!important}}