.hopp-lms-radio-field[data-v-2a910934]{display:grid;grid-template-columns:1fr;grid-gap:2rem 3rem;@media screen and (min-width:768px){grid-template-columns:1fr 1fr}}.hopp-lms-radio-option{&[data-v-2a910934]{align-items:center;border-radius:var(--radius-border,5px);box-shadow:var(--box-shadow);display:flex}label[data-v-2a910934]{margin:0;padding:.8rem 1rem .8rem 3.8rem;position:relative}input[data-v-2a910934],label[data-v-2a910934]{cursor:pointer}input[data-v-2a910934]{bottom:0;filter:alpha(opacity=0);height:1.8rem;left:1rem;margin:auto;opacity:0;position:absolute;top:0;width:1.8rem;z-index:1;zoom:1}.hopp-lms-radio-option-checkmark{&[data-v-2a910934]{border:.1rem solid #d92e22;border-radius:50%;bottom:0;height:1.8rem;left:1rem;margin:auto;position:absolute;top:0;width:1.8rem}&[data-v-2a910934]:after{background-color:#d92e22;border-radius:50%;bottom:0;content:"";height:1.4rem;left:0;margin:auto;opacity:0;position:absolute;right:0;top:0;width:1.4rem}}input:checked+.hopp-lms-radio-option-checkmark[data-v-2a910934]:after{opacity:1}}.h-lms-form-label[data-v-2a910934]{font-size:18px}
.DateFieldWrapper{border:0;display:flex;flex-direction:column;gap:5px;width:100%}.DateFieldLabel{color:var(--text-color,#00000016);font-size:.875rem;line-height:1.25rem}.DateField{align-items:center;background-color:var(--background-color,#fff);border-radius:var(--radius-border,5px);box-shadow:var(--box-shadow,0 0 .5rem 0 #00000040);display:flex;height:48px;padding:7px!important;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.DateField[data-invalid]{border:1px solid var(--red-500)}.DateFieldLiteral{padding:5px}.DateFieldSegment{border-radius:var(--radius-border,5px);outline:none;padding:5px}.DateFieldSegment:hover{box-shadow:var(--box-shadow,0 0 .5rem 0 #00000040)}.DateFieldSegment:focus{box-shadow:0 0 0 2px var(--primary-colour,#000)}.Icon{height:25px;width:25px}.CalendarHeader{align-items:center;display:flex;justify-content:space-between}.CalendarNavButton{align-items:center;background-color:transparent;border:none;color:var(--primary-colour,#000);cursor:pointer;display:inline-flex;height:25px;justify-content:center;outline:none;width:25px}.CalendarNavButton:hover{background-color:var(--primary-colour,#000);color:#fff}.CalendarHeading{font-size:1.125rem;font-weight:500}.CalendarWrapper{display:flex;flex-direction:column;margin-top:1rem;padding-top:1rem}@media (min-width:640px){.CalendarWrapper{flex-direction:row;margin-top:0}}.CalendarGrid{border-collapse:collapse;margin-bottom:0;margin-top:.25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.CalendarGridRow{align-items:center;display:grid;gap:5px;grid-template-columns:repeat(7,minmax(0,1fr));margin-bottom:.45rem;width:100%}thead .CalendarGridRow{align-items:center;margin-bottom:.5rem}.CalendarHeadCell{color:var(--primary-colour,#000);font-size:1.125rem;font-weight:400;line-height:1rem;padding:5px}.CalendarCell,.CalendarHeadCell{align-items:center;border-radius:var(--radius-border,5px);display:flex;justify-content:center;min-height:2rem}.CalendarCell{text-align:center}.CalendarCell,.CalendarCellTrigger{font-size:.875rem;line-height:1.25rem;position:relative}.CalendarCellTrigger{align-items:center;background-color:transparent;border-radius:var(--radius-border,5px);cursor:pointer;display:flex;font-weight:400;height:100%;justify-content:center;min-height:2rem;outline-style:none;padding:5px;white-space:nowrap;width:100%}.CalendarCellTrigger:hover{box-shadow:var(--box-shadow,0 0 .5rem 0 #00000040)}.CalendarCellTrigger:focus{box-shadow:0 0 0 2px var(--primary-colour,#000)}.CalendarCellTrigger[data-disabled]{color:rgba(0,0,0,.3);cursor:none}.CalendarCellTrigger[data-selected]{color:#fff;font-weight:500}.CalendarCellTrigger[data-selected],.CalendarCellTrigger[data-selected]:before{background-color:var(--primary-colour,#000)}.CalendarCellTrigger[data-unavailable]{color:rgba(0,0,0,.3);text-decoration:line-through}.CalendarCellTrigger:before{background-color:var(--background-color,#fff);border-radius:9999px;content:"";height:5px;left:0;position:absolute;top:5px;width:5px}.CalendarCellTrigger[data-today]:before{background-color:var(--grass-9);display:block}.DatePickerTrigger{background:transparent;border:0;border-radius:var(--radius-border,5px);margin-left:auto;outline:none}.DatePickerTrigger:focus{box-shadow:0 0 .5rem 0 rgba(0,0,0,.251)}.PopoverContent{animation-duration:.4s;animation-timing-function:cubic-bezier(.16,1,.3,1);background-color:var(--background-color,#fff);border-radius:var(--radius-border,5px);box-shadow:0 10px 38px -10px rgba(14,18,22,.35),0 10px 20px -15px rgba(14,18,22,.2);padding:16px;width:28rem;will-change:transform,opacity;z-index:2}.PopoverContent:focus{box-shadow:rgba(14,18,22,.35) 0 10px 38px -10px,rgba(14,18,22,.2) 0 10px 20px -15px,0 0 0 2px var(--grass-7)}.PopoverContent[data-state=open][data-side=top]{animation-name:slideDownAndFade}.PopoverContent[data-state=open][data-side=right]{animation-name:slideLeftAndFade}.PopoverContent[data-state=open][data-side=bottom]{animation-name:slideUpAndFade}.PopoverContent[data-state=open][data-side=left]{animation-name:slideRightAndFade}.PopoverArrow{fill:#fff}@keyframes slideUpAndFade{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRightAndFade{0%{opacity:0;transform:translateX(-2px)}to{opacity:1;transform:translateX(0)}}@keyframes slideDownAndFade{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeftAndFade{0%{opacity:0;transform:translateX(2px)}to{opacity:1;transform:translateX(0)}}
body{padding-right:0!important}.select-trigger{align-items:center;background-color:var(--background-color,#fff);border:none;border-radius:var(--radius-border,5px);box-shadow:var(--box-shadow,0 0 .5rem 0 rgba(0,0,0,.251));color:#2b2b2b;display:inline-flex;font-weight:400;gap:5px;justify-content:space-between;min-width:160px;outline:none;padding:10px;width:100%}.select-trigger:hover{background-color:#fafaf9}.select-trigger[data-placeholder]{font-weight:400;height:44px;min-height:44px}.select-chevron{height:14px;width:14px}.select-content{background-color:#fff;border:1px solid var(--border-color,#d1d5db);border-radius:var(--radius-border,5px);box-shadow:var(--box-shadow,0 1px 2px 0 rgba(0,0,0,.02));min-width:160px;will-change:opacity,transform;z-index:100}.select-content[data-side=top]{animation:slideDownAndFade .4s cubic-bezier(.16,1,.3,1)}.select-content[data-side=right]{animation:slideLeftAndFade .4s cubic-bezier(.16,1,.3,1)}.select-content[data-side=bottom]{animation:slideUpAndFade .4s cubic-bezier(.16,1,.3,1)}.select-content[data-side=left]{animation:slideRightAndFade .4s cubic-bezier(.16,1,.3,1)}.select-scroll-button{align-items:center;background-color:var(--background-color,#fff);color:var(--text-color,#6b7280);cursor:default;display:flex;height:25px;justify-content:center}.select-viewport{padding:5px}.select-label{color:#9ca3af;line-height:25px;padding:0 25px}.select-item{align-items:center;border-radius:var(--radius-border,5px);color:#2b2b2b;display:flex;height:25px;line-height:1;padding-left:25px;padding-right:35px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-item[data-disabled]{color:#9ca3af;pointer-events:none}.select-item[data-highlighted]{background-color:var(--color-primary,#3390bc);color:#fff;outline:none}.select-item-indicator{align-items:center;display:inline-flex;justify-content:center;left:0;position:absolute;width:25px}.ScrollAreaRoot{display:flex;max-height:200px}@keyframes slideDownAndFade{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeftAndFade{0%{opacity:0;transform:translateX(2px)}to{opacity:1;transform:translateX(0)}}@keyframes slideUpAndFade{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRightAndFade{0%{opacity:0;transform:translateX(-2px)}to{opacity:1;transform:translateX(0)}}
.checkbox-option[data-v-7d9df603]{align-items:center;display:flex;gap:.5rem;padding-left:0;position:relative}.checkbox-option input[data-v-7d9df603]{align-self:center;flex-shrink:0;margin:0}.checkbox-option label[data-v-7d9df603]{font-weight:400;line-height:1.25;margin:0}
.hopp-lms-checkbox-group-field[data-v-6a20754b]{display:grid;gap:20px 30px;grid-template-columns:1fr}@media screen and (min-width:768px){.hopp-lms-checkbox-group-field[data-v-6a20754b]{grid-template-columns:1fr 1fr}}.checkbox-option[data-v-6a20754b]{align-items:center;border-radius:var(--radius-border,5px);box-shadow:var(--box-shadow,0 0 .5rem 0 rgba(0,0,0,.251));display:flex}.checkbox-option label[data-v-6a20754b]{cursor:pointer;margin:0;padding:8px 10px 8px 38px;position:relative;width:100%}.checkbox-option input[data-v-6a20754b]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--color-primary,#1f2532);border-radius:var(--radius-border,4px);cursor:pointer;display:none;height:16px;opacity:1;outline:none;width:16px}.checkbox-option input[data-v-6a20754b]:checked{background:var(--color-primary,#1f2532);border-radius:var(--radius-border,2px);content:"";height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}.checkbox-option .h-lms-answer-checkbox[data-v-6a20754b]{border:1px solid var(--color-primary,#1f2532);border-radius:var(--radius-border,4px);bottom:0;height:18px;left:10px;margin:auto;position:absolute;top:0;width:18px}.checkbox-option .h-lms-answer-checkbox[data-v-6a20754b]:before{content:none}.checkbox-option .h-lms-answer-checkbox[data-v-6a20754b]:after{background-color:var(--color-primary,#1f2532);border:none;border-radius:var(--radius-border,3px);bottom:0;content:"";height:14px;left:0;margin:auto;opacity:0;position:absolute;right:0;top:0;transform:none;width:14px}
.hopp-lms-radio-field[data-v-5ba24eec]{display:grid;grid-template-columns:1fr;grid-gap:20px 30px}@media screen and (min-width:768px){.hopp-lms-radio-field[data-v-5ba24eec]{grid-template-columns:1fr 1fr}}.hopp-lms-radio-option label[data-v-5ba24eec]{width:100%}
.hopp-lms-form__content[data-v-3eb3e787]{display:flex;flex-direction:column;gap:30px}