@ilo-org/styles 1.8.5 → 1.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/components/accordion.css +1 -1
- package/css/components/blockquote.css +1 -1
- package/css/components/breadcrumb.css +1 -1
- package/css/components/button.css +1 -1
- package/css/components/checkbox.css +1 -1
- package/css/components/contextmenu.css +1 -1
- package/css/components/detailcard.css +1 -1
- package/css/components/dropdown.css +1 -1
- package/css/components/featurecard.css +1 -1
- package/css/components/fieldset.css +1 -1
- package/css/components/file-upload.css +1 -1
- package/css/components/footer.css +1 -1
- package/css/components/formcontrol.css +1 -1
- package/css/components/hero.css +1 -1
- package/css/components/herocard.css +1 -1
- package/css/components/image.css +1 -1
- package/css/components/input.css +1 -1
- package/css/components/languagetoggle.css +1 -1
- package/css/components/linklist.css +1 -1
- package/css/components/multilinkcard.css +1 -1
- package/css/components/navigation.css +1 -1
- package/css/components/notification.css +1 -1
- package/css/components/pagination.css +1 -1
- package/css/components/readmore.css +1 -1
- package/css/components/richtext.css +1 -1
- package/css/components/socialmedia.css +1 -1
- package/css/components/statcard.css +1 -1
- package/css/components/table.css +1 -1
- package/css/components/tableofcontents.css +1 -1
- package/css/components/textarea.css +1 -1
- package/css/components/textinput.css +1 -1
- package/css/components/tooltip.css +1 -1
- package/css/components/video.css +1 -1
- package/css/global.css +1 -1
- package/css/global.css.map +1 -1
- package/css/index.css +4 -2
- package/css/index.css.map +1 -1
- package/css/monorepo.css +4 -2
- package/css/monorepo.css.map +1 -1
- package/package.json +3 -3
- package/scss/_mixins.scss +7 -18
- package/scss/_typography.scss +28 -12
- package/scss/components/_accordion.scss +57 -25
- package/scss/components/_blockquote.scss +20 -20
- package/scss/components/_breadcrumb.scss +1 -1
- package/scss/components/_button.scss +3 -3
- package/scss/components/_checkbox.scss +63 -25
- package/scss/components/_contextmenu.scss +1 -4
- package/scss/components/_detailcard.scss +18 -1
- package/scss/components/_dropdown.scss +66 -138
- package/scss/components/_featurecard.scss +1 -1
- package/scss/components/_fieldset.scss +2 -2
- package/scss/components/_file-upload.scss +2 -2
- package/scss/components/_footer.scss +5 -5
- package/scss/components/_formcontrol.scss +4 -23
- package/scss/components/_hero.scss +0 -4
- package/scss/components/_herocard.scss +9 -19
- package/scss/components/_image.scss +72 -27
- package/scss/components/_input.scss +1 -1
- package/scss/components/_languagetoggle.scss +1 -1
- package/scss/components/_linklist.scss +3 -3
- package/scss/components/_multilinkcard.scss +6 -6
- package/scss/components/_navigation.scss +12 -27
- package/scss/components/_notification.scss +3 -3
- package/scss/components/_pagination.scss +1 -1
- package/scss/components/_readmore.scss +1 -1
- package/scss/components/_richtext.scss +15 -63
- package/scss/components/_socialmedia.scss +1 -1
- package/scss/components/_statcard.scss +3 -3
- package/scss/components/_table.scss +4 -5
- package/scss/components/_tableofcontents.scss +5 -47
- package/scss/components/_textarea.scss +1 -1
- package/scss/components/_textinput.scss +1 -1
- package/scss/components/_tooltip.scss +1 -1
- package/scss/components/_video.scss +4 -19
- package/scss/components/index.scss +0 -2
- package/scss/theme/_typography.scss +2 -4
- package/css/components/credit.css +0 -1
- package/css/components/heading.css +0 -1
- package/scss/components/_credit.scss +0 -112
- package/scss/components/_heading.scss +0 -74
|
@@ -1 +1 @@
|
|
|
1
|
-
.ilo--text-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;box-sizing:border-box;font-family:var(--ilo-fonts-copy);font-size:
|
|
1
|
+
.ilo--text-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;box-sizing:border-box;font-family:var(--ilo-fonts-copy);font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:500;font-weight:var(--ilo-font-weight-medium);height:2.5723472669rem;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);margin:calc(var(--ilo-spacing-base)*0);padding:calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*3);width:100%}.ilo--text-input,.ilo--text-input:focus{border:.1071811361rem solid #b8c4cc;outline:0}.ilo--text-input:focus{background-color:#ebf5fd;border-left:.1607717042rem solid #1e2dbe;padding-left:calc(var(--ilo-spacing-base)*3)}.ilo--text-input:disabled{opacity:.45;pointer-events:none}.ilo--text-input:invalid,.ilo--text-input__error{background-color:#fff;border:.1071811361rem solid #b8c4cc;border-left:.1607717042rem solid #c8303c}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--tooltip{background:#fff;border:none;border-radius:.1071811361rem;color:#2d2d2d;display:inline-block;filter:drop-shadow(0 .8px 1.6px rgba(30,45,190,.038)) drop-shadow(0 4px 8px rgba(30,45,190,.054)) drop-shadow(0 10px 20px rgba(30,45,190,.08)) drop-shadow(0 -4px 16px rgba(30,45,190,.054));font-family:var(--ilo-fonts-copy);font-size:
|
|
1
|
+
@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--tooltip{background:#fff;border:none;border-radius:.1071811361rem;color:#2d2d2d;display:inline-block;filter:drop-shadow(0 .8px 1.6px rgba(30,45,190,.038)) drop-shadow(0 4px 8px rgba(30,45,190,.054)) drop-shadow(0 10px 20px rgba(30,45,190,.08)) drop-shadow(0 -4px 16px rgba(30,45,190,.054));font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-sm);font-weight:var(--ilo-font-weight-regular);font-weight:400;letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg);max-width:9.6463022508rem;opacity:0;padding:calc(var(--ilo-spacing-base)*2) calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*3);position:absolute;visibility:hidden;width:max-content}@media screen and (min-width:610px){.ilo--tooltip--long{max-width:21.436227224rem}}.ilo--tooltip--fade{opacity:1}.ilo--tooltip--visible{opacity:1;visibility:visible;z-index:2}.ilo--tooltip--arrow,.ilo--tooltip--arrow:before{background:inherit;height:10px;position:absolute;visibility:hidden;width:10px}.ilo--tooltip--arrow:before{content:"";transform:rotate(45deg);visibility:visible}.ilo--tooltip[data-popper-placement^=top]>.ilo--tooltip--arrow{bottom:-4px}.ilo--tooltip[data-popper-placement^=bottom]>.ilo--tooltip--arrow{top:-4px}.ilo--tooltip[data-popper-placement^=left]>.ilo--tooltip--arrow{right:-4px}.ilo--tooltip[data-popper-placement^=right]>.ilo--tooltip--arrow{left:-4px}.ilo--tooltip--wrapper{cursor:pointer;display:inline-block;position:relative}.ilo--tooltip--wrapper__icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23230050' viewBox='0 0 24 24'%3E%3Cpath d='M11 7h2v2h-2zm0 4h2v6h-2z'/%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:cover;height:1.0718113612rem;min-width:1.0718113612rem}.ilo--tooltip--wrapper__icon.ilo--tooltip--wrapper__icon__theme__dark{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EDF0F2' viewBox='0 0 24 24'%3E%3Cpath d='M11 7h2v2h-2zm0 4h2v6h-2z'/%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--tooltip--dark{background:#2d2d2d;color:#edf0f2}.ilo--tooltip--dark.ilo--tooltip--arrow{border-bottom-color:#2d2d2d;border-left-color:#2d2d2d;border-right-color:#2d2d2d;border-top-color:#2d2d2d}.docs-story div[height]{min-height:150px}
|
package/css/components/video.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ilo--video{width:100%}.ilo--video .video-js{height:auto}.ilo--video .vjs-loading-spinner{display:none}.ilo--video .vjs-tech{width:100%}.ilo--video--caption{border-left:.1607717042rem solid #b8c4cc;color:#6d6d6d;font-size:14.93px;font-weight:400;letter-spacing:-.02em;line-height:20.16px;margin-top:calc(var(--ilo-spacing-base)*4);padding-left:calc(var(--ilo-spacing-base)*2)}.ilo--video--element{height:auto;object-fit:cover;width:inherit}.ilo--video--wrapper{line-height:0;overflow:hidden;position:relative}.ilo--video button{padding:0}.ilo--video .vjs-control-text,.ilo--video .vjs-current-time,.ilo--video .vjs-custom-control-spacer,.ilo--video .vjs-remaining-time,.ilo--video .vjs-time-divider{display:none}.ilo--video:focus .vjs-control-bar,.ilo--video:focus-within .vjs-control-bar,.ilo--video:hover .vjs-control-bar{opacity:1;transition:opacity .15s ease-out}.ilo--video .vjs-youtube{padding-bottom:56.25%}.ilo--video--element:not(.vjs-has-started) .vjs-poster{background-size:cover;height:100%;left:0;object-fit:cover;overflow:hidden;position:absolute;top:0;width:100%}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar{bottom:auto;opacity:1;top:0;width:6.6452304394rem}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:focus .vjs-duration,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:focus .vjs-play-control,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:hover .vjs-duration,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:hover .vjs-play-control{background-color:#ebf5fd;color:#1e2dbe}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:focus .vjs-play-control,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:hover .vjs-play-control{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231E2DBE' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control{background-color:#2d2d2d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EDF0F2' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:32px 32px;border:none;cursor:pointer;height:40px;width:40px}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control:focus,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control:hover{background-color:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231E2DBE' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-duration{align-items:center;background-color:#2d2d2d;color:#edf0f2;display:flex;font-size:.7502679528rem;font-weight:700;height:2.1436227224rem;justify-content:center;width:4.2872454448rem}@media screen and (min-width:1024px){.ilo--video--element:not(.vjs-has-started) .vjs-control-bar{flex-direction:column;gap:.2143622722rem;height:6.6452304394rem;width:4.2872454448rem}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control{background-color:#2d2d2d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EDF0F2' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:72px 72px;border:none;cursor:pointer;height:80px;width:80px}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control:focus,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control:hover{background-color:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231E2DBE' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-repeat:no-repeat}}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-fullscreen-control,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-progress-control,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-volume-panel{display:none}.ilo--video .vjs-control-bar{bottom:0;display:flex;height:2.1436227224rem;opacity:0;order:1;position:absolute;transition:opacity .15s ease-out;width:100%}.ilo--video .vjs-control-bar .vjs-duration,.ilo--video .vjs-control-bar .vjs-poster{display:none}.ilo--video .vjs-control-bar .vjs-play-control{background-color:#2d2d2d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EDF0F2' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:32px 32px;border:none;cursor:pointer;height:40px;margin-right:.1071811361rem;width:40px}.ilo--video .vjs-control-bar .vjs-play-control:focus,.ilo--video .vjs-control-bar .vjs-play-control:hover{background-color:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231E2DBE' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video .vjs-control-bar .vjs-play-control.vjs-ended,.ilo--video .vjs-control-bar .vjs-play-control.vjs-paused{background-color:#2d2d2d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EDF0F2' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:32px 32px;border:none;cursor:pointer;height:40px;width:40px}.ilo--video .vjs-control-bar .vjs-play-control.vjs-ended:focus,.ilo--video .vjs-control-bar .vjs-play-control.vjs-ended:hover,.ilo--video .vjs-control-bar .vjs-play-control.vjs-paused:focus,.ilo--video .vjs-control-bar .vjs-play-control.vjs-paused:hover{background-color:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231E2DBE' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video .vjs-control-bar .vjs-play-control.vjs-playing{background-color:#2d2d2d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EDF0F2' viewBox='0 0 24 24'%3E%3Cpath d='M6 19h4V5H6zm8-14v14h4V5z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:32px 32px;border:none;cursor:pointer;height:40px;width:40px}.ilo--video .vjs-control-bar .vjs-play-control.vjs-playing:focus,.ilo--video .vjs-control-bar .vjs-play-control.vjs-playing:hover{background-color:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231E2DBE' viewBox='0 0 24 24'%3E%3Cpath d='M6 19h4V5H6zm8-14v14h4V5z'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video .vjs-control-bar .vjs-fullscreen-control{background-color:#2d2d2d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EDF0F2' viewBox='0 0 24 24'%3E%3Cpath d='m15 3 2.3 2.3-2.89 2.87 1.42 1.42L18.7 6.7 21 9V3zM3 9l2.3-2.3 2.87 2.89 1.42-1.42L6.7 5.3 9 3H3zm6 12-2.3-2.3 2.89-2.87-1.42-1.42L5.3 17.3 3 15v6zm12-6-2.3 2.3-2.87-2.89-1.42 1.42 2.89 2.87L15 21h6z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:32px 32px;border:none;cursor:pointer;height:40px;order:5;width:40px}.ilo--video .vjs-control-bar .vjs-fullscreen-control:focus,.ilo--video .vjs-control-bar .vjs-fullscreen-control:hover{background-color:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231E2DBE' viewBox='0 0 24 24'%3E%3Cpath d='m15 3 2.3 2.3-2.89 2.87 1.42 1.42L18.7 6.7 21 9V3zM3 9l2.3-2.3 2.87 2.89 1.42-1.42L6.7 5.3 9 3H3zm6 12-2.3-2.3 2.89-2.87-1.42-1.42L5.3 17.3 3 15v6zm12-6-2.3 2.3-2.87-2.89-1.42 1.42 2.89 2.87L15 21h6z'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video .vjs-control-bar .vjs-progress-control{background-color:#2d2d2d;flex-grow:1;margin-right:.1071811361rem;order:2}.ilo--video .vjs-control-bar .vjs-progress-control .vjs-mouse-display{display:none}.ilo--video .vjs-control-bar .vjs-progress-control .vjs-progress-holder{position:relative;width:96%}.ilo--video .vjs-control-bar .vjs-progress-control .vjs-load-progress,.ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress{height:.4287245445rem;left:2%;position:absolute;top:.857449089rem;z-index:10}.ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress{background-color:#ebf5fd;z-index:15}.ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress .vjs-time-tooltip{display:none}.ilo--video .vjs-control-bar .vjs-progress-control .vjs-load-progress{background-color:#b8c4cc;z-index:15}.ilo--video .vjs-control-bar .vjs-progress-control:focus .vjs-play-progress,.ilo--video .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress{position:relative}.ilo--video .vjs-control-bar .vjs-progress-control:focus .vjs-play-progress .vjs-time-tooltip,.ilo--video .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip{align-items:center;background-color:#2d2d2d;bottom:calc(300% + 12px);color:#edf0f2;display:flex;font-size:.7502679528rem;font-size:11.94px;height:1.7148981779rem;justify-content:center;letter-spacing:-.02em;line-height:16.24px;position:absolute;right:0;width:70px}.ilo--video .vjs-control-bar .vjs-progress-control:focus .vjs-play-progress .vjs-time-tooltip:after,.ilo--video .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%232D2D2D' viewBox='0 0 24 24'%3E%3Cpath d='m12 17 6-8H6z'/%3E%3C/svg%3E");background-position:0 0;background-repeat:no-repeat;background-size:contain;bottom:-.6430868167rem;content:"";height:.6430868167rem;left:calc(50% - 6px);position:absolute;width:.6430868167rem}.ilo--video .vjs-control-bar .vjs-volume-panel{border-bottom:1px solid;bottom:0;flex-direction:column;margin-right:.1071811361rem;order:3;position:relative;width:40px}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control{background-color:#2d2d2d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EDF0F2' viewBox='0 0 24 24'%3E%3Cpath d='M3.34 8.77v6h4l5 5v-16l-5 5zm13.5 3a4.5 4.5 0 0 0-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02M14.34 3v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:32px 32px;border:none;cursor:pointer;height:40px;height:2.1436227224rem;width:40px}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control:focus,.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control:hover{background-color:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231E2DBE' viewBox='0 0 24 24'%3E%3Cpath d='M3.34 8.77v6h4l5 5v-16l-5 5zm13.5 3a4.5 4.5 0 0 0-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02M14.34 3v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control[title=Unmute]{background-color:#2d2d2d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EDF0F2' viewBox='0 0 24 24'%3E%3Cpath d='M4.61 3 3.2 4.41l4.36 4.36-.29.3h-4v6h4l5 5v-6.59l4.18 4.18c-.65.49-1.38.88-2.18 1.11v2.06a8.94 8.94 0 0 0 3.61-1.75l2.05 2.05 1.41-1.41zm14.66 9.07c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71m-7-8-1.88 1.88 1.88 1.88zm4.5 8a4.5 4.5 0 0 0-2.5-4.03v1.79l2.48 2.48c.01-.08.02-.16.02-.24'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:32px 32px;border:none;cursor:pointer;height:40px;width:40px}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control[title=Unmute]:focus,.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control[title=Unmute]:hover{background-color:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231E2DBE' viewBox='0 0 24 24'%3E%3Cpath d='M4.61 3 3.2 4.41l4.36 4.36-.29.3h-4v6h4l5 5v-6.59l4.18 4.18c-.65.49-1.38.88-2.18 1.11v2.06a8.94 8.94 0 0 0 3.61-1.75l2.05 2.05 1.41-1.41zm14.66 9.07c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71m-7-8-1.88 1.88 1.88 1.88zm4.5 8a4.5 4.5 0 0 0-2.5-4.03v1.79l2.48 2.48c.01-.08.02-.16.02-.24'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video .vjs-control-bar .vjs-volume-panel.vjs-hover .vjs-volume-control{align-items:center;cursor:pointer;display:flex;justify-content:center}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control{background:#ebf5fd;border-left:.1607717042rem solid #b8c4cc;display:none;height:2.1436227224rem;position:absolute;top:.4823151125rem;transform:rotate(270deg);transform-origin:-4px -4px;width:7.3954983923rem}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-bar{height:.2143622722rem;position:relative;width:calc(100% - 26px)}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-tooltip{display:none}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-mouse-display{background-color:#b8c4cc;height:.2143622722rem;position:absolute;width:100%}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-level{background-color:#1e2dbe;height:.2143622722rem;left:0;position:absolute;top:0}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-level:before{background:#1e2dbe;border-radius:50%;content:"";height:.857449089rem;position:absolute;right:-.857449089rem;top:50%;transform:translate(-50%,-50%);width:.857449089rem}[dir=rtl] .ilo--video--caption{border-left:none;border-right:3px solid #b8c4cc;padding-left:0;padding-right:calc(var(--ilo-spacing-base)*2)}
|
|
1
|
+
.ilo--image{position:relative}.ilo--image--wrapper{position:relative}.ilo--image figure,.ilo--image--wrapper{line-height:0;width:100%}.ilo--image img{width:100%}.ilo--image figcaption{border-inline-start:var(--ilo-border-lg) solid var(--ilo-color-borders-default);color:var(--ilo-color-gray-accessible);font-size:var(--ilo-font-size-sm);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg);margin-top:calc(var(--ilo-spacing-base)*4);padding-inline-start:calc(var(--ilo-spacing-base)*2)}.ilo--image--credit{--ilo-caption-icon-wrapper-bg-color:var(--ilo-color-gray-charcoal);align-items:center;background:var(--ilo-caption-icon-wrapper-bg-color);bottom:0;display:flex;height:24px;justify-content:center;left:0;position:relative;position:absolute;width:auto}.ilo--image--credit:after{border-left:20px solid var(--ilo-caption-icon-wrapper-bg-color);border-right:none;border-top:24px solid transparent;content:"";height:0;left:100%;position:absolute;top:0;width:0}.ilo--image--tooltip{padding-left:calc(var(--ilo-spacing-base)*2);padding-right:calc(var(--ilo-spacing-base)*1)}.ilo--image--label{color:var(--ilo-color-gray-light);display:none;font-size:var(--ilo-font-size-xsm);line-height:var(--ilo-line-height-xsm);padding-left:calc(var(--ilo-spacing-base)*3);padding-right:calc(var(--ilo-spacing-base)*2)}[dir=rtl] .ilo--image--credit{--ilo-caption-icon-wrapper-bg-color:var(--ilo-color-gray-charcoal);align-items:center;background:var(--ilo-caption-icon-wrapper-bg-color);display:flex;height:24px;justify-content:center;left:auto;position:relative;position:absolute;right:0;width:auto}[dir=rtl] .ilo--image--credit:after{border-left:none;border-right:20px solid var(--ilo-caption-icon-wrapper-bg-color);border-top:24px solid transparent;content:"";height:0;left:auto;position:absolute;right:100%;top:0;width:0}@media screen and (min-width:1024px){.ilo--image--label{display:block}.ilo--image--tooltip{display:none}}.ilo--image__theme__dark figcaption{border-inline-color:var(--ilo-color-gray-light-semi-transparent);color:var(--ilo-color-white)}.ilo--image__theme__dark .ilo--image--credit{--ilo-caption-icon-wrapper-bg-color:var(--ilo-color-white)}.ilo--image__theme__dark .ilo--image--label{color:var(--ilo-color-gray-charcoal)}.ilo--video{width:100%}.ilo--video .video-js{height:auto}.ilo--video .vjs-loading-spinner{display:none}.ilo--video .vjs-tech{width:100%}.ilo--video--element{height:auto;object-fit:cover;width:inherit}.ilo--video--wrapper{line-height:0;overflow:hidden;position:relative}.ilo--video figcaption{border-inline-start:var(--ilo-border-lg) solid var(--ilo-color-borders-default);color:var(--ilo-color-gray-accessible);font-size:var(--ilo-font-size-sm);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg);margin-top:calc(var(--ilo-spacing-base)*4);padding-inline-start:calc(var(--ilo-spacing-base)*2)}.ilo--video button{padding:0}.ilo--video .vjs-control-text,.ilo--video .vjs-current-time,.ilo--video .vjs-custom-control-spacer,.ilo--video .vjs-remaining-time,.ilo--video .vjs-time-divider{display:none}.ilo--video:focus .vjs-control-bar,.ilo--video:focus-within .vjs-control-bar,.ilo--video:hover .vjs-control-bar{opacity:1;transition:opacity .15s ease-out}.ilo--video .vjs-youtube{padding-bottom:56.25%}.ilo--video--element:not(.vjs-has-started) .vjs-poster{background-size:cover;height:100%;left:0;object-fit:cover;overflow:hidden;position:absolute;top:0;width:100%}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar{bottom:auto;opacity:1;top:0;width:6.6452304394rem}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:focus .vjs-duration,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:focus .vjs-play-control,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:hover .vjs-duration,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:hover .vjs-play-control{background-color:#ebf5fd;color:#1e2dbe}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:focus .vjs-play-control,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:hover .vjs-play-control{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231E2DBE' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control{background-color:#2d2d2d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EDF0F2' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:32px 32px;border:none;cursor:pointer;height:40px;width:40px}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control:focus,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control:hover{background-color:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231E2DBE' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-duration{align-items:center;background-color:#2d2d2d;color:#edf0f2;display:flex;font-size:.7502679528rem;font-weight:700;height:2.1436227224rem;justify-content:center;width:4.2872454448rem}@media screen and (min-width:1024px){.ilo--video--element:not(.vjs-has-started) .vjs-control-bar{flex-direction:column;gap:.2143622722rem;height:6.6452304394rem;width:4.2872454448rem}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control{background-color:#2d2d2d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EDF0F2' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:72px 72px;border:none;cursor:pointer;height:80px;width:80px}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control:focus,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control:hover{background-color:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231E2DBE' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-repeat:no-repeat}}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-fullscreen-control,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-progress-control,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-volume-panel{display:none}.ilo--video .vjs-control-bar{bottom:0;display:flex;height:2.1436227224rem;opacity:0;order:1;position:absolute;transition:opacity .15s ease-out;width:100%}.ilo--video .vjs-control-bar .vjs-duration,.ilo--video .vjs-control-bar .vjs-poster{display:none}.ilo--video .vjs-control-bar .vjs-play-control{background-color:#2d2d2d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EDF0F2' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:32px 32px;border:none;cursor:pointer;height:40px;margin-right:.1071811361rem;width:40px}.ilo--video .vjs-control-bar .vjs-play-control:focus,.ilo--video .vjs-control-bar .vjs-play-control:hover{background-color:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231E2DBE' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video .vjs-control-bar .vjs-play-control.vjs-ended,.ilo--video .vjs-control-bar .vjs-play-control.vjs-paused{background-color:#2d2d2d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EDF0F2' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:32px 32px;border:none;cursor:pointer;height:40px;width:40px}.ilo--video .vjs-control-bar .vjs-play-control.vjs-ended:focus,.ilo--video .vjs-control-bar .vjs-play-control.vjs-ended:hover,.ilo--video .vjs-control-bar .vjs-play-control.vjs-paused:focus,.ilo--video .vjs-control-bar .vjs-play-control.vjs-paused:hover{background-color:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231E2DBE' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video .vjs-control-bar .vjs-play-control.vjs-playing{background-color:#2d2d2d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EDF0F2' viewBox='0 0 24 24'%3E%3Cpath d='M6 19h4V5H6zm8-14v14h4V5z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:32px 32px;border:none;cursor:pointer;height:40px;width:40px}.ilo--video .vjs-control-bar .vjs-play-control.vjs-playing:focus,.ilo--video .vjs-control-bar .vjs-play-control.vjs-playing:hover{background-color:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231E2DBE' viewBox='0 0 24 24'%3E%3Cpath d='M6 19h4V5H6zm8-14v14h4V5z'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video .vjs-control-bar .vjs-fullscreen-control{background-color:#2d2d2d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EDF0F2' viewBox='0 0 24 24'%3E%3Cpath d='m15 3 2.3 2.3-2.89 2.87 1.42 1.42L18.7 6.7 21 9V3zM3 9l2.3-2.3 2.87 2.89 1.42-1.42L6.7 5.3 9 3H3zm6 12-2.3-2.3 2.89-2.87-1.42-1.42L5.3 17.3 3 15v6zm12-6-2.3 2.3-2.87-2.89-1.42 1.42 2.89 2.87L15 21h6z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:32px 32px;border:none;cursor:pointer;height:40px;order:5;width:40px}.ilo--video .vjs-control-bar .vjs-fullscreen-control:focus,.ilo--video .vjs-control-bar .vjs-fullscreen-control:hover{background-color:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231E2DBE' viewBox='0 0 24 24'%3E%3Cpath d='m15 3 2.3 2.3-2.89 2.87 1.42 1.42L18.7 6.7 21 9V3zM3 9l2.3-2.3 2.87 2.89 1.42-1.42L6.7 5.3 9 3H3zm6 12-2.3-2.3 2.89-2.87-1.42-1.42L5.3 17.3 3 15v6zm12-6-2.3 2.3-2.87-2.89-1.42 1.42 2.89 2.87L15 21h6z'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video .vjs-control-bar .vjs-progress-control{background-color:#2d2d2d;flex-grow:1;margin-right:.1071811361rem;order:2}.ilo--video .vjs-control-bar .vjs-progress-control .vjs-mouse-display{display:none}.ilo--video .vjs-control-bar .vjs-progress-control .vjs-progress-holder{position:relative;width:96%}.ilo--video .vjs-control-bar .vjs-progress-control .vjs-load-progress,.ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress{height:.4287245445rem;left:2%;position:absolute;top:.857449089rem;z-index:10}.ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress{background-color:#ebf5fd;z-index:15}.ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress .vjs-time-tooltip{display:none}.ilo--video .vjs-control-bar .vjs-progress-control .vjs-load-progress{background-color:#b8c4cc;z-index:15}.ilo--video .vjs-control-bar .vjs-progress-control:focus .vjs-play-progress,.ilo--video .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress{position:relative}.ilo--video .vjs-control-bar .vjs-progress-control:focus .vjs-play-progress .vjs-time-tooltip,.ilo--video .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip{align-items:center;background-color:#2d2d2d;bottom:calc(300% + 12px);color:#edf0f2;display:flex;font-family:var(--ilo-fonts-copy);font-size:.7502679528rem;font-size:var(--ilo-font-size-xsm);font-weight:var(--ilo-font-weight-regular);height:1.7148981779rem;justify-content:center;letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg);position:absolute;right:0;width:70px}.ilo--video .vjs-control-bar .vjs-progress-control:focus .vjs-play-progress .vjs-time-tooltip:after,.ilo--video .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%232D2D2D' viewBox='0 0 24 24'%3E%3Cpath d='m12 17 6-8H6z'/%3E%3C/svg%3E");background-position:0 0;background-repeat:no-repeat;background-size:contain;bottom:-.6430868167rem;content:"";height:.6430868167rem;left:calc(50% - 6px);position:absolute;width:.6430868167rem}.ilo--video .vjs-control-bar .vjs-volume-panel{border-bottom:1px solid;bottom:0;flex-direction:column;margin-right:.1071811361rem;order:3;position:relative;width:40px}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control{background-color:#2d2d2d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EDF0F2' viewBox='0 0 24 24'%3E%3Cpath d='M3.34 8.77v6h4l5 5v-16l-5 5zm13.5 3a4.5 4.5 0 0 0-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02M14.34 3v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:32px 32px;border:none;cursor:pointer;height:40px;height:2.1436227224rem;width:40px}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control:focus,.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control:hover{background-color:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231E2DBE' viewBox='0 0 24 24'%3E%3Cpath d='M3.34 8.77v6h4l5 5v-16l-5 5zm13.5 3a4.5 4.5 0 0 0-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02M14.34 3v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control[title=Unmute]{background-color:#2d2d2d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EDF0F2' viewBox='0 0 24 24'%3E%3Cpath d='M4.61 3 3.2 4.41l4.36 4.36-.29.3h-4v6h4l5 5v-6.59l4.18 4.18c-.65.49-1.38.88-2.18 1.11v2.06a8.94 8.94 0 0 0 3.61-1.75l2.05 2.05 1.41-1.41zm14.66 9.07c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71m-7-8-1.88 1.88 1.88 1.88zm4.5 8a4.5 4.5 0 0 0-2.5-4.03v1.79l2.48 2.48c.01-.08.02-.16.02-.24'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:32px 32px;border:none;cursor:pointer;height:40px;width:40px}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control[title=Unmute]:focus,.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control[title=Unmute]:hover{background-color:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231E2DBE' viewBox='0 0 24 24'%3E%3Cpath d='M4.61 3 3.2 4.41l4.36 4.36-.29.3h-4v6h4l5 5v-6.59l4.18 4.18c-.65.49-1.38.88-2.18 1.11v2.06a8.94 8.94 0 0 0 3.61-1.75l2.05 2.05 1.41-1.41zm14.66 9.07c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71m-7-8-1.88 1.88 1.88 1.88zm4.5 8a4.5 4.5 0 0 0-2.5-4.03v1.79l2.48 2.48c.01-.08.02-.16.02-.24'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video .vjs-control-bar .vjs-volume-panel.vjs-hover .vjs-volume-control{align-items:center;cursor:pointer;display:flex;justify-content:center}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control{background:#ebf5fd;border-left:.1607717042rem solid #b8c4cc;display:none;height:2.1436227224rem;position:absolute;top:.4823151125rem;transform:rotate(270deg);transform-origin:-4px -4px;width:7.3954983923rem}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-bar{height:.2143622722rem;position:relative;width:calc(100% - 26px)}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-tooltip{display:none}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-mouse-display{background-color:#b8c4cc;height:.2143622722rem;position:absolute;width:100%}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-level{background-color:#1e2dbe;height:.2143622722rem;left:0;position:absolute;top:0}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-level:before{background:#1e2dbe;border-radius:50%;content:"";height:.857449089rem;position:absolute;right:-.857449089rem;top:50%;transform:translate(-50%,-50%);width:.857449089rem}
|
package/css/global.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@charset "UTF-8";*,::after,::before{box-sizing:border-box}address,blockquote,body,dl,fieldset,figure,form,iframe,legend,ol,option,p,pre,table,ul{margin:0;padding:0;border:0}h1,h2,h3,h4,h5,h6{margin:0;font-size:inherit;font-weight:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ul{list-style:none}table{border-color:inherit;border-collapse:collapse;border-spacing:0}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:0 0;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}textarea{overflow:auto}select{-webkit-appearance:none;-moz-appearance:none}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}:root{--ilo-fonts-display:Overpass,Noto Sans,sans-serif;--ilo-fonts-display-zh:PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;--ilo-fonts-display-jp:Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,sans-serif;--ilo-fonts-copy:Noto Sans,sans-serif;--ilo-fonts-copy-zh:PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;--ilo-fonts-copy-jp:Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,sans-serif;--ilo-fonts-monospace:monospace;--ilo-line-height:1.46;--ilo-font-size-2xsm:px-to-rem(10px);--ilo-font-size-xsm:px-to-rem(12px);--ilo-font-size-sm:px-to-rem(14px);--ilo-font-size-md:px-to-rem(16px);--ilo-font-size-lg:px-to-rem(18px);--ilo-font-size-xlg:px-to-rem(24px);--ilo-font-size-2xlg:px-to-rem(28px);--ilo-font-size-3xlg:px-to-rem(32px);--ilo-font-size-4xlg:px-to-rem(36px);--ilo-font-size-5xlg:px-to-rem(44px);--ilo-font-weight-light:300;--ilo-font-weight-regular:400;--ilo-font-weight-medium:500;--ilo-font-weight-bold:700;--ilo-line-height-xsm:1.15;--ilo-line-height-sm:1.2;--ilo-line-height-md:1.25;--ilo-line-height-lg:1.3;--ilo-line-height-xlg:1.35;--ilo-line-height-2xlg:1.45;--ilo-line-height-3xlg:1.5;--ilo-letter-spacing-xsm:-3.5%;--ilo-letter-spacing-sm:-2%;--ilo-letter-spacing-md:0;--ilo-letter-spacing-lg:2%}:root{--ilo-scale:1;--ilo-color-white:rgba(255, 255, 255, 1);--ilo-color-blue:rgba(30, 45, 190, 1);--ilo-color-blue-lighter:rgba(235, 245, 253, 1);--ilo-color-blue-light:rgba(190, 220, 250, 1);--ilo-color-blue-dark:rgba(35, 0, 80, 1);--ilo-color-blue-medium:rgba(210, 213, 242, 1);--ilo-color-blue-ramp:rgba(33, 18, 124, 1);--ilo-color-blue-dark-ramp:rgba(35, 0, 80, 0.5);--ilo-color-gray-charcoal:rgba(45, 45, 45, 1);--ilo-color-gray-accessible:rgba(109, 109, 109, 1);--ilo-color-gray-light:rgba(237, 240, 242, 1);--ilo-color-gray-light-semi-transparent:rgba(237, 240, 242, 0.25);--ilo-color-gray-base:rgba(184, 196, 204, 1);--ilo-color-red:rgba(250, 60, 75, 1);--ilo-color-red-light:rgba(254, 216, 219, 1);--ilo-color-red-dark:rgba(200, 48, 60, 1);--ilo-color-red-ramp:rgba(250, 60, 75, 0.2);--ilo-color-yellow:rgba(255, 205, 45, 1);--ilo-color-yellow-light:rgba(255, 245, 200, 1);--ilo-color-yellow-ramp:rgba(255, 205, 45, 0.2);--ilo-color-green:rgba(140, 225, 100, 1);--ilo-color-green-light:rgba(232, 249, 224, 1);--ilo-color-green-ramp:rgba(140, 225, 100, 0.2);--ilo-color-turquoise:rgba(5, 210, 210, 1);--ilo-color-purple:rgba(150, 10, 85, 1);--ilo-color-notification-type-error:var(--ilo-color-red);--ilo-color-notification-type-info:var(--ilo-color-blue);--ilo-color-notification-type-success:var(--ilo-color-green);--ilo-color-notification-type-warning:var(--ilo-color-yellow);--ilo-color-background-default:var(--ilo-color-white);--ilo-color-background-active:var(--ilo-color-blue);--ilo-color-background-highlight:var(--ilo-color-gray-light);--ilo-color-background-hover:var(--ilo-color-blue-lighter);--ilo-color-background-focus:var(--ilo-color-white);--ilo-color-borders-default:var(--ilo-color-gray-base);--ilo-color-borders-hover:var(--ilo-color-blue);--ilo-color-borders-active:var(--ilo-color-blue);--ilo-color-borders-focus:var(--ilo-color-yellow);--ilo-breakpoint-xs:320px;--ilo-breakpoint-sm:414px;--ilo-breakpoint-md:610px;--ilo-breakpoint-lg:1024px;--ilo-breakpoint-xl:1140px;--ilo-breakpoint-xxl:1168px;--ilo-border-radius:calc(0.1071811361rem * var(--ilo-scale));--ilo-font-size-2xsm:calc(0.5359056806rem * var(--ilo-scale));--ilo-font-size-xsm:calc(0.6430868167rem * var(--ilo-scale));--ilo-font-size-sm:calc(0.7502679528rem * var(--ilo-scale));--ilo-font-size-md:calc(0.857449089rem * var(--ilo-scale));--ilo-font-size-lg:calc(0.9646302251rem * var(--ilo-scale));--ilo-font-size-xlg:calc(1.2861736334rem * var(--ilo-scale));--ilo-font-size-2xlg:calc(1.5005359057rem * var(--ilo-scale));--ilo-font-size-3xlg:calc(1.7148981779rem * var(--ilo-scale));--ilo-font-size-4xlg:calc(1.9292604502rem * var(--ilo-scale));--ilo-font-size-5xlg:calc(2.3579849946rem * var(--ilo-scale));--ilo-font-weight-regular:400;--ilo-font-weight-medium:500;--ilo-font-weight-bold:700;--ilo-line-height-xsm:115%;--ilo-line-height-sm:120%;--ilo-line-height-md:125%;--ilo-line-height-lg:130%;--ilo-line-height-xlg:135%;--ilo-line-height-2xlg:145%;--ilo-line-height-3xlg:150%;--ilo-letter-spacing-xsm:-3.5%;--ilo-letter-spacing-sm:-2%;--ilo-letter-spacing-md:0;--ilo-letter-spacing-lg:2%;--ilo-spacing-base:calc(0.2143622722rem * var(--ilo-scale));--ilo-transition-duration:150ms;--ilo-transition-timing-function:ease-out;--ilo-border-xs:calc(0.0535905681rem * var(--ilo-scale));--ilo-border-sm:calc(0.0803858521rem * var(--ilo-scale));--ilo-border-md:calc(0.1071811361rem * var(--ilo-scale));--ilo-border-lg:calc(0.2143622722rem * var(--ilo-scale));--ilo-link-color-default-light:var(--ilo-color-blue-dark);--ilo-link-color-default-dark:var(--ilo-color-white);--ilo-link-color-visited-light:var(--ilo-color-purple);--ilo-link-color-visited-dark:var(--ilo-color-gray-base);--ilo-link-color-hover-light:var(--ilo-color-blue);--ilo-link-color-hover-dark:var(--ilo-color-blue);--ilo-link-color-active-light:var(--ilo-color-blue-dark);--ilo-link-color-active-dark:var(--ilo-color-blue-dark);--ilo-link-color-focus-light:var(--ilo-color-blue-dark);--ilo-link-color-focus-dark:var(--ilo-color-blue-dark);--ilo-link-background-default-light:transparent;--ilo-link-background-default-dark:transparent;--ilo-link-background-hover-light:transparent;--ilo-link-background-hover-dark:var(--ilo-color-white);--ilo-link-background-focus-light:var(--ilo-color-yellow);--ilo-link-background-focus-dark:var(--ilo-color-yellow)}
|
|
1
|
+
@charset "UTF-8";*,::after,::before{box-sizing:border-box}address,blockquote,body,dl,fieldset,figure,form,iframe,legend,ol,option,p,pre,table,ul{margin:0;padding:0;border:0}h1,h2,h3,h4,h5,h6{margin:0;font-size:inherit;font-weight:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ul{list-style:none}table{border-color:inherit;border-collapse:collapse;border-spacing:0}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:0 0;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}textarea{overflow:auto}select{-webkit-appearance:none;-moz-appearance:none}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}:root{--ilo-fonts-display:Overpass,Noto Sans,sans-serif;--ilo-fonts-display-ar:Vazirmatn,sans-serif;--ilo-fonts-display-zh:PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;--ilo-fonts-display-jp:Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,sans-serif;--ilo-fonts-copy:Noto Sans,sans-serif;--ilo-fonts-copy-ar:Vazirmatn,sans-serif;--ilo-fonts-copy-zh:PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;--ilo-fonts-copy-jp:Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,sans-serif;--ilo-fonts-monospace:monospace;--ilo-line-height:1.46;--ilo-font-size-2xsm:px-to-rem(10px);--ilo-font-size-xsm:px-to-rem(12px);--ilo-font-size-sm:px-to-rem(14px);--ilo-font-size-md:px-to-rem(16px);--ilo-font-size-lg:px-to-rem(18px);--ilo-font-size-xlg:px-to-rem(24px);--ilo-font-size-2xlg:px-to-rem(28px);--ilo-font-size-3xlg:px-to-rem(32px);--ilo-font-size-4xlg:px-to-rem(36px);--ilo-font-size-5xlg:px-to-rem(44px);--ilo-font-weight-light:300;--ilo-font-weight-regular:400;--ilo-font-weight-medium:500;--ilo-font-weight-bold:700;--ilo-line-height-xsm:1.15;--ilo-line-height-sm:1.2;--ilo-line-height-md:1.25;--ilo-line-height-lg:1.3;--ilo-line-height-xlg:1.35;--ilo-line-height-2xlg:1.45;--ilo-line-height-3xlg:1.5;--ilo-letter-spacing-xsm:-3.5%;--ilo-letter-spacing-sm:-2%;--ilo-letter-spacing-md:0;--ilo-letter-spacing-lg:2%}:root{--ilo-scale:1;--ilo-color-white:rgba(255, 255, 255, 1);--ilo-color-blue:rgba(30, 45, 190, 1);--ilo-color-blue-lighter:rgba(235, 245, 253, 1);--ilo-color-blue-light:rgba(190, 220, 250, 1);--ilo-color-blue-dark:rgba(35, 0, 80, 1);--ilo-color-blue-medium:rgba(210, 213, 242, 1);--ilo-color-blue-ramp:rgba(33, 18, 124, 1);--ilo-color-blue-dark-ramp:rgba(35, 0, 80, 0.5);--ilo-color-gray-charcoal:rgba(45, 45, 45, 1);--ilo-color-gray-accessible:rgba(109, 109, 109, 1);--ilo-color-gray-light:rgba(237, 240, 242, 1);--ilo-color-gray-light-semi-transparent:rgba(237, 240, 242, 0.25);--ilo-color-gray-base:rgba(184, 196, 204, 1);--ilo-color-red:rgba(250, 60, 75, 1);--ilo-color-red-light:rgba(254, 216, 219, 1);--ilo-color-red-dark:rgba(200, 48, 60, 1);--ilo-color-red-ramp:rgba(250, 60, 75, 0.2);--ilo-color-yellow:rgba(255, 205, 45, 1);--ilo-color-yellow-light:rgba(255, 245, 200, 1);--ilo-color-yellow-ramp:rgba(255, 205, 45, 0.2);--ilo-color-green:rgba(140, 225, 100, 1);--ilo-color-green-light:rgba(232, 249, 224, 1);--ilo-color-green-ramp:rgba(140, 225, 100, 0.2);--ilo-color-turquoise:rgba(5, 210, 210, 1);--ilo-color-purple:rgba(150, 10, 85, 1);--ilo-color-notification-type-error:var(--ilo-color-red);--ilo-color-notification-type-info:var(--ilo-color-blue);--ilo-color-notification-type-success:var(--ilo-color-green);--ilo-color-notification-type-warning:var(--ilo-color-yellow);--ilo-color-background-default:var(--ilo-color-white);--ilo-color-background-active:var(--ilo-color-blue);--ilo-color-background-highlight:var(--ilo-color-gray-light);--ilo-color-background-hover:var(--ilo-color-blue-lighter);--ilo-color-background-focus:var(--ilo-color-white);--ilo-color-borders-default:var(--ilo-color-gray-base);--ilo-color-borders-hover:var(--ilo-color-blue);--ilo-color-borders-active:var(--ilo-color-blue);--ilo-color-borders-focus:var(--ilo-color-yellow);--ilo-breakpoint-xs:320px;--ilo-breakpoint-sm:414px;--ilo-breakpoint-md:610px;--ilo-breakpoint-lg:1024px;--ilo-breakpoint-xl:1140px;--ilo-breakpoint-xxl:1168px;--ilo-border-radius:calc(0.1071811361rem * var(--ilo-scale));--ilo-font-size-2xsm:calc(0.5359056806rem * var(--ilo-scale));--ilo-font-size-xsm:calc(0.6430868167rem * var(--ilo-scale));--ilo-font-size-sm:calc(0.7502679528rem * var(--ilo-scale));--ilo-font-size-md:calc(0.857449089rem * var(--ilo-scale));--ilo-font-size-lg:calc(0.9646302251rem * var(--ilo-scale));--ilo-font-size-xlg:calc(1.2861736334rem * var(--ilo-scale));--ilo-font-size-2xlg:calc(1.5005359057rem * var(--ilo-scale));--ilo-font-size-3xlg:calc(1.7148981779rem * var(--ilo-scale));--ilo-font-size-4xlg:calc(1.9292604502rem * var(--ilo-scale));--ilo-font-size-5xlg:calc(2.3579849946rem * var(--ilo-scale));--ilo-font-weight-regular:400;--ilo-font-weight-medium:500;--ilo-font-weight-bold:700;--ilo-line-height-xsm:115%;--ilo-line-height-sm:120%;--ilo-line-height-md:125%;--ilo-line-height-lg:130%;--ilo-line-height-xlg:135%;--ilo-line-height-2xlg:145%;--ilo-line-height-3xlg:150%;--ilo-letter-spacing-xsm:-3.5%;--ilo-letter-spacing-sm:-2%;--ilo-letter-spacing-md:0;--ilo-letter-spacing-lg:2%;--ilo-spacing-base:calc(0.2143622722rem * var(--ilo-scale));--ilo-transition-duration:150ms;--ilo-transition-timing-function:ease-out;--ilo-border-xs:calc(0.0535905681rem * var(--ilo-scale));--ilo-border-sm:calc(0.0803858521rem * var(--ilo-scale));--ilo-border-md:calc(0.1071811361rem * var(--ilo-scale));--ilo-border-lg:calc(0.2143622722rem * var(--ilo-scale));--ilo-link-color-default-light:var(--ilo-color-blue-dark);--ilo-link-color-default-dark:var(--ilo-color-white);--ilo-link-color-visited-light:var(--ilo-color-purple);--ilo-link-color-visited-dark:var(--ilo-color-gray-base);--ilo-link-color-hover-light:var(--ilo-color-blue);--ilo-link-color-hover-dark:var(--ilo-color-blue);--ilo-link-color-active-light:var(--ilo-color-blue-dark);--ilo-link-color-active-dark:var(--ilo-color-blue-dark);--ilo-link-color-focus-light:var(--ilo-color-blue-dark);--ilo-link-color-focus-dark:var(--ilo-color-blue-dark);--ilo-link-background-default-light:transparent;--ilo-link-background-default-dark:transparent;--ilo-link-background-hover-light:transparent;--ilo-link-background-hover-dark:var(--ilo-color-white);--ilo-link-background-focus-light:var(--ilo-color-yellow);--ilo-link-background-focus-dark:var(--ilo-color-yellow)}:root[lang*=ar],[lang*=ar]{--ilo-fonts-display:var(--ilo-fonts-display-ar);--ilo-fonts-copy:var(--ilo-fonts-copy-ar);--ilo-letter-spacing-xsm:0;--ilo-letter-spacing-sm:0;--ilo-letter-spacing-md:0;--ilo-letter-spacing-lg:0}:root[lang*=zh],[lang*=zh]{--ilo-fonts-display:var(--ilo-fonts-display-zh);--ilo-fonts-copy:var(--ilo-fonts-copy-zh)}:root[lang*=ja],[lang*=ja]{--ilo-fonts-display:var(--ilo-fonts-display-jp);--ilo-fonts-copy:var(--ilo-fonts-copy-jp)}body,html{color:#2d2d2d;font-family:var(--ilo-fonts-copy);font-size:18.66px;line-height:27.24px;letter-spacing:normal;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5{font-family:var(--ilo-fonts-display)}
|
|
2
2
|
/*# sourceMappingURL=global.css.map */
|