@ilo-org/styles 1.2.2 → 1.3.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 +0 -0
- package/css/components/breadcrumb.css +1 -1
- package/css/components/button.css +1 -1
- package/css/components/callout.css +1 -1
- package/css/components/card.css +1 -1
- package/css/components/cardgroup.css +1 -1
- package/css/components/checkbox.css +1 -1
- package/css/components/container.css +1 -1
- package/css/components/contextmenu.css +1 -1
- package/css/components/credit.css +1 -1
- package/css/components/datacard.css +1 -1
- package/css/components/datepicker.css +1 -1
- package/css/components/detailcard.css +1 -1
- package/css/components/dropdown.css +1 -1
- package/css/components/empty.css +1 -1
- package/css/components/factlistcard.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/form.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/link.css +1 -1
- package/css/components/linklist.css +1 -1
- package/css/components/list.css +1 -1
- package/css/components/loading.css +1 -1
- package/css/components/logo.css +1 -1
- package/css/components/logogrid.css +1 -1
- package/css/components/modal.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/profile.css +1 -1
- package/css/components/promocard.css +1 -1
- package/css/components/radio.css +1 -1
- package/css/components/readmore.css +1 -1
- package/css/components/richtext.css +1 -1
- package/css/components/searchfield.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/tabs.css +1 -1
- package/css/components/tag.css +1 -1
- package/css/components/textarea.css +1 -1
- package/css/components/textcard.css +1 -1
- package/css/components/textinput.css +1 -1
- package/css/components/toggle.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 +2 -2
- package/css/index.css.map +1 -1
- package/css/monorepo.css +2 -2
- package/css/monorepo.css.map +1 -1
- package/package.json +5 -5
- package/scss/_mixins.scss +7 -10
- package/scss/_normalize.scss +5 -0
- package/scss/_reset.scss +6 -0
- package/scss/_typography.scss +0 -29
- package/scss/_typographymonorepo.scss +0 -29
- package/scss/components/_accordion.scss +3 -3
- package/scss/components/_blockquote.scss +112 -0
- package/scss/components/_breadcrumb.scss +35 -17
- package/scss/components/_button.scss +4 -2
- package/scss/components/_callout.scss +7 -7
- package/scss/components/_checkbox.scss +2 -1
- package/scss/components/_contextmenu.scss +18 -24
- package/scss/components/_credit.scss +2 -5
- package/scss/components/_datepicker.scss +1 -0
- package/scss/components/_detailcard.scss +16 -8
- package/scss/components/_dropdown.scss +20 -10
- package/scss/components/_featurecard.scss +4 -4
- package/scss/components/_fieldset.scss +5 -1
- package/scss/components/_footer.scss +2 -68
- package/scss/components/_formcontrol.scss +3 -3
- package/scss/components/_image.scss +4 -4
- package/scss/components/_linklist.scss +10 -13
- package/scss/components/_navigation.scss +30 -26
- package/scss/components/_notification.scss +16 -8
- package/scss/components/_pagination.scss +12 -12
- package/scss/components/_profile.scss +11 -8
- package/scss/components/_readmore.scss +2 -2
- package/scss/components/_richtext.scss +126 -311
- package/scss/components/_socialmedia.scss +30 -25
- package/scss/components/_table.scss +4 -3
- package/scss/components/_tableofcontents.scss +3 -3
- package/scss/components/_tooltip.scss +10 -4
- package/scss/components/_video.scss +11 -11
- package/scss/theme/_foundation.scss +40 -7
|
@@ -1 +1 @@
|
|
|
1
|
-
.ilo--card__type__stat{--max-width:18.3815648446rem;border-bottom:.1607717042rem solid #960a55;
|
|
1
|
+
@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--card__type__stat{--max-width:18.3815648446rem;border-bottom:.1607717042rem solid #960a55;clip-path:polygon(0 0,calc(100% - 72px) 0,100% 40px,100% 100%,0 100%);padding:calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*8);position:relative;width:100%}@media screen and (max-width:609px){.ilo--card__type__stat{--max-width:100%}}[dir=rtl] .ilo--card__type__stat{clip-path:polygon(72px 0,100% 0,100% 100%,0 100%,0 40px)}.ilo--card__type__stat.ilo--card__color__blue{background:#ebf5fd}.ilo--card__type__stat.ilo--card__color__yellow{background:#ffcd2d}.ilo--card__type__stat.ilo--card__color__green{background:#8ce164}.ilo--card__type__stat.ilo--card__color__turquoise{background:#05d2d2}.ilo--card__type__stat .ilo--card--content{align-items:flex-start;display:flex;flex-flow:column;height:100%;justify-content:flex-start}.ilo--card__type__stat .ilo--card--title{color:#230050;font-size:36.45px;letter-spacing:-.035em;line-height:43.74px;margin-bottom:.4278063594rem;width:100%}.ilo--card__type__stat .ilo--card--intro{color:#230050;font-family:var(--ilo-fonts-display);font-size:18.66px;letter-spacing:normal;line-height:27.24px;margin-bottom:1.6734954235rem;width:100%}.ilo--card__type__stat .ilo--card--source{align-items:flex-start;display:flex;flex:auto;flex-flow:column;justify-content:flex-end}.ilo--card__type__stat .ilo--link{font-size:11.94px;letter-spacing:-.02em;line-height:16.24px;line-height:1.2861736334rem}
|
package/css/components/table.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ilo--table{background-color:#bedcfa;padding:calc(
|
|
1
|
+
.ilo--table{background-color:#bedcfa;padding:calc(var(--ilo-spacing-base)*20);position:relative}.ilo--table--header{background-color:#fff;border-bottom:.1071811361rem solid #edf0f2;padding:calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*2) calc(var(--ilo-spacing-base)*5) calc(var(--ilo-spacing-base)*2)}.ilo--table--wrapper{max-height:380px;overflow:scroll;position:relative;width:100%}.ilo--table--content{border-collapse:initial;width:100%}.ilo--table--head{background-color:#fff;box-shadow:0 .8px 1.6px rgba(30,45,190,.038),0 4px 8px rgba(30,45,190,.054),0 10px 20px rgba(30,45,190,.08),0 -4px 16px rgba(30,45,190,.054);height:auto;left:0;position:sticky;top:-1px;width:100%;z-index:2}.ilo--table--head--cell{background-color:#fff;border-bottom:.1071811361rem solid #edf0f2;border-left:.0535905681rem solid #edf0f2;font-family:var(--ilo-fonts-display);font-size:14.93px;font-weight:700;letter-spacing:normal;letter-spacing:-.02em;line-height:20.3px;padding:calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*2);pointer-events:none;text-align:left}.ilo--table--small .ilo--table--head--cell{padding:calc(var(--ilo-spacing-base)*2)}.ilo--table--head--cell:first-of-type{border-left:none}.ilo--table--head--cell.sortable{pointer-events:auto;position:relative}.ilo--table--head--cell.sortable:after{background-color:#edf0f2;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 fill-rule='evenodd' d='M20.884 8.884 12 17.768 3.116 8.884l1.768-1.768L12 14.232l7.116-7.116z' clip-rule='evenodd'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:75%;content:"";display:block;height:1.2861736334rem;position:absolute;right:.4823151125rem;top:50%;transform:translateY(-50%);width:1.2861736334rem}.ilo--table--head--cell.sortable:hover{background-color:#ebf5fd;border-bottom:.1071811361rem solid #1e2dbe;color:#1e2dbe;cursor:pointer}.ilo--table--head--cell.sortable:hover:after{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 fill-rule='evenodd' d='M20.884 8.884 12 17.768 3.116 8.884l1.768-1.768L12 14.232l7.116-7.116z' clip-rule='evenodd'/%3E%3C/svg%3E")}.ilo--table--head--cell.sortable[aria-sort=descending]:after{transform:translateY(-50%) rotate(180deg);transform-origin:center center}.ilo--table--body{background-color:#fff}.ilo--table--body--row.selected{background-color:#ebf5fd}.ilo--table--body--cell{border-bottom:.1071811361rem solid #edf0f2;font-family:var(--ilo-fonts-copy);font-size:14.93px;font-weight:400;letter-spacing:normal;line-height:20.3px;outline:0;padding:calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*2) calc(var(--ilo-spacing-base)*5);position:relative}.ilo--table--small .ilo--table--body--cell{padding:calc(var(--ilo-spacing-base)*3) calc(var(--ilo-spacing-base)*2)}.ilo--table--body--cell:first-of-type{border-left:none}.ilo--table--body--cell.numeric{text-align:right}.ilo--table--body--cell:hover{background-color:#ebf5fd;border-bottom:2px solid #1e2dbe;color:#1e2dbe}.ilo--table--body--cell.selected{background-color:#bedcfa;border-bottom:2px solid #1e2dbe;color:#1e2dbe;cursor:pointer}.ilo--table--body--cell.column--selected{background-color:#ebf5fd}.ilo--table--body--cell a{background:transparent;color:#230050;font-size:inherit;font-weight:inherit;line-height:inherit;padding-bottom:calc(var(--ilo-spacing-base)*1);text-decoration:underline;text-decoration-thickness:.0803858521rem;text-underline-offset:.3215434084rem}.ilo--table--body--cell a:visited{background:transparent;color:#960a55}.ilo--table--body--cell a:hover{background:#fff;color:#1e2dbe;text-decoration-thickness:3px}.ilo--table--body--cell a:active,.ilo--table--body--cell a:focus{background:#ffcd2d;color:#230050;text-decoration-thickness:3px}.ilo--table--body--cell a--dark{background:transparent;color:#edf0f2}.ilo--table--body--cell a--dark:visited{background:transparent;color:#b8c4cc}.ilo--table--body--cell a--dark:hover{background:#fff;color:#1e2dbe;text-decoration-thickness:3px}.ilo--table--body--cell a--dark:active,.ilo--table--body--cell a--dark:focus{background:#ffcd2d;color:#230050;text-decoration-thickness:3px}.ilo--table--body--cell a--footer{background:transparent;color:#6d6d6d;font-size:11.94px;letter-spacing:normal;line-height:16.24px}.ilo--table--body--cell a--footer:visited{background:transparent;color:#960a55}.ilo--table--body--cell a--footer:hover{background:#fff;color:#1e2dbe;text-decoration-thickness:3px}.ilo--table--body--cell a--footer:active,.ilo--table--body--cell a--footer:focus{background:#ffcd2d;color:#230050;text-decoration-thickness:3px}.ilo--table--headline{align-items:center;display:flex;font-family:var(--ilo-fonts-display);font-size:18.66px;font-weight:700;letter-spacing:-.035em;line-height:24.26px;margin-bottom:calc(var(--ilo-spacing-base)*2)}.ilo--table--headline .ilo--tooltip--wrapper{margin-left:calc(var(--ilo-spacing-base)*1)}.ilo--table--description{color:#6d6d6d;font-family:var(--ilo-fonts-copy);font-size:11.94px;font-weight:400;letter-spacing:normal;line-height:16.24px}.ilo--table--description a{background:transparent;color:#230050;font-size:inherit;font-weight:inherit;line-height:inherit;padding-bottom:calc(var(--ilo-spacing-base)*1);text-decoration:underline;text-decoration-thickness:.0803858521rem;text-underline-offset:.3215434084rem}.ilo--table--description a:visited{background:transparent;color:#960a55}.ilo--table--description a:hover{background:#fff;color:#1e2dbe;text-decoration-thickness:3px}.ilo--table--description a:active,.ilo--table--description a:focus{background:#ffcd2d;color:#230050;text-decoration-thickness:3px}.ilo--table--description a--dark{background:transparent;color:#edf0f2}.ilo--table--description a--dark:visited{background:transparent;color:#b8c4cc}.ilo--table--description a--dark:hover{background:#fff;color:#1e2dbe;text-decoration-thickness:3px}.ilo--table--description a--dark:active,.ilo--table--description a--dark:focus{background:#ffcd2d;color:#230050;text-decoration-thickness:3px}.ilo--table--description a--footer{background:transparent;color:#6d6d6d;font-size:11.94px;letter-spacing:normal;line-height:16.24px}.ilo--table--description a--footer:visited{background:transparent;color:#960a55}.ilo--table--description a--footer:hover{background:#fff;color:#1e2dbe;text-decoration-thickness:3px}.ilo--table--description a--footer:active,.ilo--table--description a--footer:focus{background:#ffcd2d;color:#230050;text-decoration-thickness:3px}.ilo--table--zebra .ilo--table--body--row:nth-child(odd),.ilo--table--zebra .ilo--table--body--row:nth-child(odd):focus,.ilo--table--zebra .ilo--table--body--row:nth-child(odd):hover{background-color:#f6f7f8}.ilo--table--zebra .ilo--table--body--row:nth-child(odd) .ilo--table--body--cell{border-left:.0535905681rem solid #fff}.ilo--table--zebra .ilo--table--body--row:nth-child(odd) .ilo--table--body--cell:focus,.ilo--table--zebra .ilo--table--body--row:nth-child(odd) .ilo--table--body--cell:hover{background-color:#bedcfa}.ilo--table--zebra .ilo--table--body--row:nth-child(odd).selected .ilo--table--body--cell{background-color:#ebf5fd}.ilo--table--zebra .ilo--table--body--row:nth-child(odd).selected .ilo--table--body--cell.selected{background-color:#bedcfa}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ilo--table-of-contents{background-color:#edf0f2;display:none;min-width:343px;padding:0}.ilo--table-of-contents>*{opacity:0}.ilo--table-of-contents.show{display:block}.ilo--table-of-contents.show.fadein>*{opacity:1;transition-delay:125ms;transition-property:opacity;transition-
|
|
1
|
+
@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--table-of-contents{background-color:#edf0f2;display:none;min-width:343px;padding:0}.ilo--table-of-contents>*{opacity:0}.ilo--table-of-contents.show{display:block}.ilo--table-of-contents.show.fadein>*{opacity:1;transition-delay:125ms;transition-duration:.15s;transition-property:opacity;transition-timing-function:ease-out}.ilo--table-of-contents--headline{border-bottom:.1607717042rem solid #edf0f2;font-family:var(--ilo-fonts-display);font-size:18.66px;font-weight:700;letter-spacing:normal;line-height:27.24px;margin-bottom:calc(var(--ilo-spacing-base)*6);margin-top:calc(var(--ilo-spacing-base)*2);padding-bottom:calc(var(--ilo-spacing-base)*4)}.ilo--table-of-contents--wrapper.show{display:block;height:100vh;left:0;padding:calc(var(--ilo-spacing-base)*6);position:fixed;top:0;width:100vw;z-index:10001}@media screen and (min-width:1024px){.ilo--table-of-contents--wrapper.show{padding:0}}.ilo--table-of-contents--trigger{align-items:center;display:flex;justify-content:center;margin:calc(var(--ilo-spacing-base)*6) auto}.ilo--table-of-contents--trigger.hide{display:none}@media screen and (min-width:1024px){.ilo--table-of-contents{display:block}.ilo--table-of-contents>*{opacity:1}.ilo--table-of-contents--trigger{display:none}}.ilo--table-of-contents--modal{display:none}.ilo--table-of-contents--modal>*{opacity:0}.ilo--table-of-contents--modal.show{display:block}.ilo--table-of-contents--modal.show.fadein>*{opacity:1;transition-delay:125ms;transition-duration:.15s;transition-property:opacity;transition-timing-function:ease-out}@media screen and (min-width:1024px){.ilo--table-of-contents--modal,.ilo--table-of-contents--modal.show{display:none}}.ilo--table-of-contents--modal .toc--modal--close{height:2.1436227224rem;position:absolute;right:0;top:0;width:2.1436227224rem;z-index:10004}.ilo--table-of-contents--modal .toc--modal--close .ilo--icon{left:.1607717042rem;top:.1607717042rem}.ilo--table-of-contents--list,.ilo--table-of-contents--list--item{width:100%}.ilo--table-of-contents--link{background-color:transparent;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='m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8z'/%3E%3C/svg%3E");background-position:calc(100% - 11px);background-size:1.2861736334rem 1.2861736334rem;border-bottom:.1071811361rem solid #fff;color:#230050;display:block;font-family:var(--ilo-fonts-display);font-size:16px;font-weight:500;letter-spacing:-.02em;line-height:21.6px;margin:0 calc(var(--ilo-spacing-base)*2) 0 calc(var(--ilo-spacing-base)*2);padding:calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*2) calc(var(--ilo-spacing-base)*4);padding-inline-end:calc(var(--ilo-spacing-base)*12);position:relative;text-decoration:none;width:calc(100% - 16px)}.ilo--table-of-contents--link,.ilo--table-of-contents--link:focus,.ilo--table-of-contents--link:hover{background-repeat:no-repeat;transition-duration:.15s;transition-property:background-color,border,color;transition-timing-function:ease-out}.ilo--table-of-contents--link:focus,.ilo--table-of-contents--link: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='m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8z'/%3E%3C/svg%3E");background-position:calc(100% - 19px);border-bottom:.1071811361rem solid #1e2dbe;color:#1e2dbe;margin:0}.ilo--table-of-contents--link:active,.ilo--table-of-contents--link:focus,.ilo--table-of-contents--link:hover{outline:0;padding:calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*4);padding-inline-end:calc(var(--ilo-spacing-base)*12);width:100%}.ilo--table-of-contents--link:active{background-color:#fff;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='m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8z'/%3E%3C/svg%3E");background-repeat:no-repeat;border-bottom:.1071811361rem solid #230050;border-top:.1071811361rem solid #fff;color:#230050;margin:-2px 0 0;z-index:5}.ilo--table-of-contents--list--item:last-of-type .ilo--table-of-contents--link{border-bottom:none}.ilo--table-of-contents--list--item:last-of-type .ilo--table-of-contents--link:hover{border-bottom:.1071811361rem solid #1e2dbe}[dir=rtl] .ilo--table-of-contents .ilo--table-of-contents--link{background-position:11px}[dir=rtl] .ilo--table-of-contents .ilo--table-of-contents--link:focus,[dir=rtl] .ilo--table-of-contents .ilo--table-of-contents--link:hover{background-position:19px}[dir=rtl] .ilo--table-of-contents--modal .toc--modal--close{left:0;right:auto}
|
package/css/components/tabs.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ilo--tabs{border-bottom:.1607717042rem solid #edf0f2;border-left:.1607717042rem solid #edf0f2;border-right:.1607717042rem solid #edf0f2}.ilo--tabs:not(.tabs--js) .ilo--tabs--selection{margin-bottom:calc(
|
|
1
|
+
@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--tabs{border-bottom:.1607717042rem solid #edf0f2;border-left:.1607717042rem solid #edf0f2;border-right:.1607717042rem solid #edf0f2}.ilo--tabs:not(.tabs--js) .ilo--tabs--selection{margin-bottom:calc(var(--ilo-spacing-base)*6)}.ilo--tabs:not(.tabs--js) .ilo--tabs--selection--button{background:transparent;border-bottom:1.5px solid #1e2dbe;color:#230050;font-size:inherit;font-weight:inherit;line-height:inherit;text-decoration:none;transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out}.ilo--tabs:not(.tabs--js) .ilo--tabs--selection--button:visited{background:transparent;border-bottom:1.5px solid #960a55;color:#960a55}.ilo--tabs:not(.tabs--js) .ilo--tabs--selection--button:hover{background:#fff;border-bottom:3px solid #1e2dbe;color:#1e2dbe;text-decoration:none;transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out}.ilo--tabs:not(.tabs--js) .ilo--tabs--selection--button:active,.ilo--tabs:not(.tabs--js) .ilo--tabs--selection--button:focus{background:transparent;border-bottom:1.5px solid #1e2dbe;color:#230050;outline:0}.ilo--tabs.tabs--js .ilo--tabs--selection{--tabscount:1;display:block}.ilo--tabs.tabs--js .ilo--tabs--selection--button{align-items:center;background-color:#edf0f2;border-bottom:.1607717042rem solid #fff;color:#230050;display:flex;font-family:var(--ilo-fonts-display);font-size:16px;font-weight:600;gap:calc(var(--ilo-spacing-base)*1);height:3.2154340836rem;justify-content:flex-start;letter-spacing:-.02em;line-height:21.6px;padding-left:calc(var(--ilo-spacing-base)*2);padding-right:calc(var(--ilo-spacing-base)*6);text-decoration:none;transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out}.ilo--tabs.tabs--js .ilo--tabs--selection--button[aria-selected=true]{background-color:#fff;border-top:.1607717042rem solid #230050;transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out}.ilo--tabs.tabs--js .ilo--tabs--selection--button.icon .ilo--icon{height:.857449089rem;order:1;width:.857449089rem}.ilo--tabs.tabs--js .ilo--tabs--selection--button.icon .ilo--tabs--selection--label{flex:1 1;order:2}.ilo--tabs.tabs--js .ilo--tabs--selection--button:hover,.ilo--tabs.tabs--js .ilo--tabs--selection--button[aria-selected=true]:hover{background-color:#ebf5fd;border-top:.1607717042rem solid #1e2dbe;color:#1e2dbe;outline:0;transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out}.ilo--tabs.tabs--js .ilo--tabs--selection--button:hover.has--tooltip .ilo--tooltip--wrapper,.ilo--tabs.tabs--js .ilo--tabs--selection--button[aria-selected=true]:hover.has--tooltip .ilo--tooltip--wrapper{background-image:url();background-repeat:no-repeat}.ilo--tabs.tabs--js .ilo--tabs--selection--label{overflow:hidden;padding-top:calc(var(--ilo-spacing-base)*1);text-overflow:ellipsis;white-space:nowrap}.ilo--tabs.tabs--js .ilo--tabs--selection--item{display:block;overflow:hidden;width:100%}.ilo--tabs.tabs--js .ilo--tabs--selection--item:last-of-type .ilo--tabs--selection--button{border-bottom:none;border-right:none}.ilo--tabs.tabs--js .ilo--tabs--content{background-color:#fff;padding:calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*14) calc(var(--ilo-spacing-base)*6)}.ilo--tabs.tabs--js .ilo--tabs--content [aria-expanded=false]{display:none}.ilo--tabs.tabs--js .ilo--tabs--content [aria-expanded=true]{display:block}@media screen and (min-width:610px){.ilo--tabs.tabs--js .ilo--tabs--content{padding:calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*16) calc(var(--ilo-spacing-base)*16) calc(var(--ilo-spacing-base)*16)}.ilo--tabs.tabs--js .ilo--tabs--selection{display:flex;max-width:100%;overflow-x:hidden;overflow-y:hidden}.ilo--tabs.tabs--js .ilo--tabs--selection--button{border-bottom:none;border-right:.2679528403rem solid #fff}.ilo--tabs.tabs--js .ilo--tabs--selection--item{width:min(var(--tabscount)/1 * 100%,100%)}}@media screen and (min-width:1024px){.ilo--tabs.tabs--js .ilo--tabs--selection--item{width:min(var(--tabscount)/1 * 100%,100%)}}
|
package/css/components/tag.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ilo--tag-set{list-style:none}.ilo--tag-set__item{display:inline-block;margin:calc(
|
|
1
|
+
@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--tag-set{list-style:none}.ilo--tag-set__item{display:inline-block;margin:calc(var(--ilo-spacing-base)*1)}.ilo--tag{background:#edf0f2;border:none;color:#6d6d6d;display:inline-block;font-family:var(--ilo-fonts-display);font-size:14.93px;font-weight:500;letter-spacing:-.02em;line-height:20.16px;max-width:190px;overflow:hidden;padding:calc(var(--ilo-spacing-base)*2) calc(var(--ilo-spacing-base)*3);text-decoration:none;text-overflow:ellipsis;transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out;white-space:nowrap}.ilo--tag--active{background:#edf0f2;color:#230050;outline:0}.ilo--tag--anchor{cursor:unset;pointer-events:none}.ilo--tag--anchor.ilo--tag--active{background:#edf0f2;color:#230050;cursor:pointer;outline:0}.ilo--tag--anchor.ilo--tag--active:hover{text-decoration:none}.ilo--tag--anchor.ilo--tag--active:focus,.ilo--tag--anchor.ilo--tag--active:hover{background:#ebf5fd;color:#1e2dbe;transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out}.ilo--tag--anchor.ilo--tag--active:focus{outline:0}.ilo--tag--anchor.ilo--tag--active.ilo--tag--active{pointer-events:auto}.ilo--tag--button{cursor:pointer;display:none;font-size:14.93px;letter-spacing:-.02em;line-height:20.16px;opacity:0;padding-right:calc(var(--ilo-spacing-base)*9);position:relative;visibility:hidden}.ilo--tag--button.ilo--tag--active{background:#edf0f2;color:#230050;display:block;opacity:1;outline:0;transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out;visibility:visible}.ilo--tag--button.icon__position--right .ilo--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='M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;height:100%;max-height:24px;max-width:24px;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:100%}.ilo--tag--button:hover{background:#ebf5fd;color:#1e2dbe;text-decoration:none;transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out}.ilo--tag--button:hover.icon__position--right .ilo--icon{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='M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--tag--button:focus{background:#ebf5fd;color:#1e2dbe;outline:0}.ilo--tag--reset{cursor:pointer;display:none;font-size:14.93px;letter-spacing:-.02em;line-height:20.16px;opacity:0;padding:calc(var(--ilo-spacing-base)*2 - .08039rem) calc(var(--ilo-spacing-base)*3 - .08039rem);position:relative;visibility:hidden}.ilo--tag--reset.ilo--tag--active{background:#fff;border:1.5px solid #b8c4cc;color:#230050;display:block;opacity:1;outline:0;transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out;visibility:visible}.ilo--tag--reset.icon__position--right .ilo--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='M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");background-repeat:no-repeat;height:100%;max-height:28px;max-width:28px;position:absolute;right:5px;top:5px;width:100%}.ilo--tag--reset:hover{background:#ebf5fd;border:1.5px solid #ebf5fd;color:#1e2dbe;text-decoration:none;transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out}.ilo--tag--reset:hover.icon__position--right .ilo--icon{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='M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--tag--reset:focus{background:#ebf5fd;border:1.5px solid #ebf5fd;color:#1e2dbe;outline:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ilo--textarea{-moz-appearance:none;appearance:none;background-color:#fff;border:.1071811361rem solid #b8c4cc;box-sizing:border-box;font-family:var(--ilo-fonts-copy);font-
|
|
1
|
+
.ilo--textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:.1071811361rem solid #b8c4cc;box-sizing:border-box;font-family:var(--ilo-fonts-copy);font-size:16px;font-weight:500;height:2.5723472669rem;letter-spacing:-.02em;line-height:21.6px;margin:calc(var(--ilo-spacing-base)*0);max-width:100%;min-height:6.4308681672rem;min-width:100%;outline:0;padding:calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*3);position:relative;width:100%}.ilo--textarea:focus{background-color:#ebf5fd;border:.1071811361rem solid #b8c4cc;border-left:.1607717042rem solid #1e2dbe;padding-left:calc(var(--ilo-spacing-base)*3)}.ilo--textarea:disabled{opacity:.45;pointer-events:none}.ilo--textarea:invalid,.ilo--textarea__error,.ilo--textarea__error .ilo--textarea{background-color:#fff;border:.1071811361rem solid #b8c4cc;border-left:.1607717042rem solid #c8303c}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ilo--card__type__text{--max-width:16.1307609861rem;border-bottom:.1607717042rem solid #b8c4cc;
|
|
1
|
+
@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--card__type__text{--max-width:16.1307609861rem;border-bottom:.1607717042rem solid #b8c4cc;clip-path:polygon(0 0,calc(100% - 72px) 0,100% 40px,100% 100%,0 100%);padding:calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*8)}[dir=rtl] .ilo--card__type__text{clip-path:polygon(72px 0,100% 0,100% 100%,0 100%,0 40px)}.ilo--card__type__text [class$=profile__theme__light] *{color:#2d2d2d}.ilo--card__type__text [class$=profile__theme__dark] *{color:#fff}.ilo--card__type__text:focus,.ilo--card__type__text:focus-within,.ilo--card__type__text:hover{border-color:#1e2dbe;filter:drop-shadow(0 -4px 16px rgba(30,45,190,.05)) drop-shadow(0 10px 20px rgba(30,45,190,.08)) drop-shadow(0 4px 8px rgba(30,45,190,.05)) drop-shadow(0 .8px 1.6px rgba(30,45,190,.04));transition-duration:.15s;transition-property:border-color;transition-timing-function:ease-out}.ilo--card__type__text:focus [class*=profile__theme] *,.ilo--card__type__text:focus-within [class*=profile__theme] *,.ilo--card__type__text:hover [class*=profile__theme] *{color:#1e2dbe}@media screen and (max-width:609px){.ilo--card__type__text{--max-width:100%}}.ilo--card__type__text.ilo--card__size__fluid,.ilo--card__type__text.ilo--card__size__wide{--max-width:28.0278670954rem;padding:calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*8)}.ilo--card__type__text.ilo--card__size__narrow{--max-width:16.1307609861rem;padding:calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*8)}@media screen and (max-width:609px){.ilo--card__type__text.ilo--card__size__narrow{--max-width:100%}}.ilo--card__type__text.ilo--card__size__narrow .ilo--card--title{font-size:18.66px;letter-spacing:-.035em;line-height:24.26px;margin-bottom:1.674953518rem}.ilo--card__type__text.ilo--card__dark{border-bottom:.1607717042rem solid #fa3c4b}.ilo--card__type__text .ilo--card--eyebrow{margin-bottom:1.0110920672rem}.ilo--card__type__text .ilo--card--title{font-size:18.66px;letter-spacing:-.035em;line-height:24.26px;margin-bottom:1.674953518rem}@media screen and (min-width:610px){.ilo--card__type__text .ilo--card--title{font-size:23.32px;letter-spacing:-.035em;line-height:29.15px;margin-bottom:1.5763397642rem}}.ilo--card__type__text .ilo--card--date{display:block;margin-bottom:1.4398166117rem}.ilo--card__type__text .ilo--card--content{display:flex;flex-direction:column;position:relative}.ilo--card__type__text .ilo--card--content>*{justify-self:flex-start}.ilo--card__type__text .ilo--card--content>:last-child{justify-self:flex-end;margin-bottom:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ilo--text-input{-moz-appearance:none;appearance:none;background-color:#fff;
|
|
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:16px;font-weight:500;height:2.5723472669rem;letter-spacing:-.02em;line-height:21.6px;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
|
-
.ilo--input--toggle{
|
|
1
|
+
@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--input--toggle{display:inline-block;grid-area:input;height:var(--toggle-height);position:relative;width:var(--toggle-width);--base-toggle-width:2.4651661308rem;--base-toggle-height:1.2861736334rem}.ilo--input--toggle__size__small{--toggle-width:var(--base-toggle-width);--toggle-height:var(--base-toggle-height)}.ilo--input--toggle__size__medium{--toggle-width:calc(var(--base-toggle-width)*1.5);--toggle-height:calc(var(--base-toggle-height)*1.5)}.ilo--input--toggle__size__large{--toggle-width:calc(var(--base-toggle-width)*2);--toggle-height:calc(var(--base-toggle-height)*2)}.ilo--input--toggle__disabled{cursor:not-allowed;opacity:.5}.ilo--input--toggle__error .ilo--input--toggle--slider{outline-color:#fa3c4b!important;outline-style:solid;outline-width:calc(var(--toggle-height)/8)}.ilo--input--toggle input[type=checkbox]{cursor:pointer;height:100%;margin:0;opacity:0;padding:0;width:100%}.ilo--input--toggle--slider{background-color:#b8c4cc;border-radius:calc(var(--toggle-height)/2);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;transition-duration:.15s;transition-property:background;transition-timing-function:ease-out}.ilo--input--toggle--slider:before{background-color:#fff;border-radius:50%;bottom:calc(var(--toggle-height)/6);content:"";height:calc(var(--toggle-height) - var(--toggle-height)/3);left:calc(var(--toggle-height)/6);position:absolute;transition-duration:.15s;transition-property:transform,background;transition-timing-function:ease-out;width:calc(var(--toggle-height) - var(--toggle-height)/3)}input[type=checkbox]:checked+.ilo--input--toggle--slider{background-color:#230050}input[type=checkbox]:focus+.ilo--input--toggle--slider{outline-color:#ffcd2d;outline-style:solid;outline-width:calc(var(--toggle-height)/8)}input:checked+.ilo--input--toggle--slider:before{background-color:#ebf5fd;transform:translateX(calc(var(--toggle-width) - var(--toggle-height)))}
|
|
@@ -1 +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:14.93px;font-weight:400;letter-spacing:normal;line-height:20.3px;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-weight:400;margin-top:calc(4 * var(--ilo-spacing-base));padding-left:calc(2 * var(--ilo-spacing-base));font-size:14.93px;letter-spacing:-.02em;line-height:20.16px}.ilo--video--element{height:auto;object-fit:cover;width:inherit}.ilo--video--wrapper{line-height:0;position:relative;overflow:hidden}.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-within .vjs-control-bar,.ilo--video:focus .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;object-fit:cover;height:100%;overflow:hidden;position:absolute;width:100%;left:0;top:0}.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' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M22 12L4 2v20l18-10z'/%3E%3C/svg%3E")}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control{cursor:pointer;border:none;background-color:#2d2d2d;width:40px;height:40px;background-position:50%;background-repeat:no-repeat;background-size:24px 24px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23EDF0F2' d='M22 12L4 2v20l18-10z'/%3E%3C/svg%3E")}.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' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M22 12L4 2v20l18-10z'/%3E%3C/svg%3E")}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-duration{display:flex;justify-content:center;align-items:center;font-weight:700;font-size:.7502679528rem;height:2.1436227224rem;width:4.2872454448rem;background-color:#2d2d2d;color:#edf0f2}@media screen and (min-width:1024px){.ilo--video--element:not(.vjs-has-started) .vjs-control-bar{width:4.2872454448rem;flex-direction:column;height:6.6452304394rem;gap:.2143622722rem}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control{cursor:pointer;border:none;background-color:#2d2d2d;width:80px;height:80px;background-position:50%;background-repeat:no-repeat;background-size:48px 48px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23EDF0F2' d='M22 12L4 2v20l18-10z'/%3E%3C/svg%3E")}.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' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M22 12L4 2v20l18-10z'/%3E%3C/svg%3E")}}.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{order:1;opacity:0;transition:opacity .15s ease-out;position:absolute;display:flex;width:100%;height:2.1436227224rem;bottom:0}.ilo--video .vjs-control-bar .vjs-duration,.ilo--video .vjs-control-bar .vjs-poster{display:none}.ilo--video .vjs-control-bar .vjs-play-control{cursor:pointer;border:none;background-color:#2d2d2d;width:40px;height:40px;background-position:50%;background-repeat:no-repeat;background-size:24px 24px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23EDF0F2' d='M22 12L4 2v20l18-10z'/%3E%3C/svg%3E");margin-right:.1071811361rem}.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' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M22 12L4 2v20l18-10z'/%3E%3C/svg%3E")}.ilo--video .vjs-control-bar .vjs-play-control.vjs-ended,.ilo--video .vjs-control-bar .vjs-play-control.vjs-paused{cursor:pointer;border:none;background-color:#2d2d2d;width:40px;height:40px;background-position:50%;background-repeat:no-repeat;background-size:24px 24px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23EDF0F2' d='M22 12L4 2v20l18-10z'/%3E%3C/svg%3E")}.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' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M22 12L4 2v20l18-10z'/%3E%3C/svg%3E")}.ilo--video .vjs-control-bar .vjs-play-control.vjs-playing{cursor:pointer;border:none;background-color:#2d2d2d;width:40px;height:40px;background-position:50%;background-repeat:no-repeat;background-size:24px 24px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23EDF0F2' d='M3 2h6v20H3V2zm12 0h6v20h-6V2z'/%3E%3C/svg%3E")}.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' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M3 2h6v20H3V2zm12 0h6v20h-6V2z'/%3E%3C/svg%3E")}.ilo--video .vjs-control-bar .vjs-fullscreen-control{order:5;cursor:pointer;border:none;background-color:#2d2d2d;width:40px;height:40px;background-position:50%;background-repeat:no-repeat;background-size:24px 24px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23EDF0F2' d='M14.272 5l2.414 2.414-2.863 2.863.9.9 2.863-2.863L20 10.727V5h-5.728zm.45 7.823l-.9.9 2.864 2.863L14.273 19H20v-5.728l-2.414 2.415-2.863-2.864zm-3.445 0l-2.863 2.864L6 13.273V19h5.728l-2.414-2.414 2.863-2.863-.9-.9zM11.727 5H6v5.728l2.414-2.414 2.863 2.863.9-.9-2.863-2.863L11.727 5z'/%3E%3C/svg%3E")}.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' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M14.272 5l2.414 2.414-2.863 2.863.9.9 2.863-2.863L20 10.727V5h-5.728zm.45 7.823l-.9.9 2.864 2.863L14.273 19H20v-5.728l-2.414 2.415-2.863-2.864zm-3.445 0l-2.863 2.864L6 13.273V19h5.728l-2.414-2.414 2.863-2.863-.9-.9zM11.727 5H6v5.728l2.414-2.414 2.863 2.863.9-.9-2.863-2.863L11.727 5z'/%3E%3C/svg%3E")}.ilo--video .vjs-control-bar .vjs-progress-control{order:2;margin-right:.1071811361rem;background-color:#2d2d2d;flex-grow:1}.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%;top:.857449089rem;position:absolute;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{color:#edf0f2;font-size:.7502679528rem;height:1.7148981779rem;align-items:center;background-color:#2d2d2d;display:flex;justify-content:center;right:0;position:absolute;bottom:calc(300% + 12px);width:70px;font-size:11.94px;letter-spacing:-.02em;line-height:16.24px}.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-position:0 0;background-repeat:no-repeat;background-size:contain;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 11'%3E%3Cpath fill='%232D2D2D' d='M6 10.846L12 0H0l6 10.846z'/%3E%3C/svg%3E");content:"";height:.6430868167rem;position:absolute;left:calc(50% - 6px);bottom:-.6430868167rem;width:.6430868167rem}.ilo--video .vjs-control-bar .vjs-volume-panel{order:3;border-bottom:1px solid;bottom:0;flex-direction:column;margin-right:.1071811361rem;position:relative;width:40px}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control{cursor:pointer;border:none;background-color:#2d2d2d;width:40px;height:40px;background-position:50%;background-repeat:no-repeat;background-size:24px 24px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23EDF0F2' d='M14.633 4.735a.67.67 0 0 0-.698.063L8.78 8.666H5.667A.666.666 0 0 0 5 9.333v5.334c0 .369.298.667.667.667h3.112l5.156 3.867a.663.663 0 0 0 .698.064.668.668 0 0 0 .369-.597V5.332a.667.667 0 0 0-.369-.597zm2.531 4.436l-.471-.471-.943.943.472.471a2.669 2.669 0 0 1 0 3.771l-.472.472.943.943.471-.472a4.005 4.005 0 0 0 0-5.657z'/%3E%3Cpath fill='%23EDF0F2' d='M18.579 6.813l-.943.943.471.472a5.341 5.341 0 0 1 0 7.544l-.471.471.943.943.471-.471c2.6-2.6 2.6-6.83 0-9.43l-.471-.472z'/%3E%3C/svg%3E");height:2.1436227224rem}.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' width='24' height='24'%3E%3Cpath fill='%231E2DBE' d='M14.633 4.735a.67.67 0 0 0-.698.063L8.78 8.666H5.667A.666.666 0 0 0 5 9.333v5.334c0 .369.298.667.667.667h3.112l5.156 3.867a.663.663 0 0 0 .698.064.668.668 0 0 0 .369-.597V5.332a.667.667 0 0 0-.369-.597zm2.531 4.436l-.471-.471-.943.943.472.471a2.669 2.669 0 0 1 0 3.771l-.472.472.943.943.471-.472a4.005 4.005 0 0 0 0-5.657z'/%3E%3Cpath fill='%231E2DBE' d='M18.579 6.813l-.943.943.471.472a5.341 5.341 0 0 1 0 7.544l-.471.471.943.943.471-.471c2.6-2.6 2.6-6.83 0-9.43l-.471-.472z'/%3E%3C/svg%3E")}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control[title=Unmute]{cursor:pointer;border:none;background-color:#2d2d2d;width:40px;height:40px;background-position:50%;background-repeat:no-repeat;background-size:24px 24px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23EDF0F2' d='M12.045 15.783L16.6 19.2a.663.663 0 0 0 .698.063.667.667 0 0 0 .369-.597v-8.505l-5.622 5.622zm-6.85 4.022a.665.665 0 0 0 .943 0L20.805 5.138a.666.666 0 1 0-.943-.942L17.667 6.39V5.333A.667.667 0 0 0 16.6 4.8l-5.155 3.867H6.333a.666.666 0 0 0-.666.666v5.334c0 .368.298.666.666.666h2.391l-3.529 3.529a.666.666 0 0 0 0 .943z'/%3E%3C/svg%3E")}.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' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M12.045 15.783L16.6 19.2a.663.663 0 0 0 .698.063.667.667 0 0 0 .369-.597v-8.505l-5.622 5.622zm-6.85 4.022a.665.665 0 0 0 .943 0L20.805 5.138a.666.666 0 1 0-.943-.942L17.667 6.39V5.333A.667.667 0 0 0 16.6 4.8l-5.155 3.867H6.333a.666.666 0 0 0-.666.666v5.334c0 .368.298.666.666.666h2.391l-3.529 3.529a.666.666 0 0 0 0 .943z'/%3E%3C/svg%3E")}.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;transform:rotate(270deg);transform-origin:-4px -4px;top:.4823151125rem;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{height:.2143622722rem;position:absolute;width:100%;background-color:#b8c4cc}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-level{height:.2143622722rem;left:0;top:0;position:absolute;background-color:#1e2dbe}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-level:before{content:"";background:#1e2dbe;border-radius:50%;height:.857449089rem;width:.857449089rem;position:absolute;right:-.857449089rem;top:50%;transform:translate(-50%,-50%)}[dir=rtl] .ilo--video--caption{border-left:none;border-right:3px solid #b8c4cc;padding-left:0;padding-right:calc(2 * var(--ilo-spacing-base))}
|
|
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();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();background-repeat:no-repeat}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control[title=Unmute]{background-color:#2d2d2d;background-image:url();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();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)}
|
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-scale:1;--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-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(30, 45, 190, 0.4);--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-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:1168px;--ilo-breakpoint-xxl:1140px;--ilo-border-radius:calc(0.1071811361rem * var(--ilo-scale));--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))}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)}html[lang*=zh]{--ilo-fonts-display:var(--ilo-fonts-display-zh);--ilo-fonts-copy:var(--ilo-fonts-copy-zh)}html[lang*=ja]{--ilo-fonts-display:var(--ilo-fonts-display-jp);--ilo-fonts-copy:var(--ilo-fonts-copy-jp)}
|
|
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-scale:1;--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-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(30, 45, 190, 0.4);--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-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:1168px;--ilo-breakpoint-xxl:1140px;--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-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))}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)}html[lang*=zh]{--ilo-fonts-display:var(--ilo-fonts-display-zh);--ilo-fonts-copy:var(--ilo-fonts-copy-zh)}html[lang*=ja]{--ilo-fonts-display:var(--ilo-fonts-display-jp);--ilo-fonts-copy:var(--ilo-fonts-copy-jp)}
|
|
2
2
|
/*# sourceMappingURL=global.css.map */
|