@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;font-display:swap;src:url("../assets/fonts/open-sans-400.woff") format("woff");}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:600;font-display:swap;src:url("../assets/fonts/open-sans-600.woff") format("woff");}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;font-display:swap;src:url("../assets/fonts/open-sans-700.woff") format("woff");}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:800;font-display:swap;src:url("../assets/fonts/open-sans-800.woff") format("woff");}

/* All selectors belong to the component/demo. No reset leaks into the host site. */
.events-page-body{margin:0;background:#f5f5f5;color:#212529;font:400 14px/1.6 "Open Sans",sans-serif}
.events-page-body *,.events-page-body *::before,.events-page-body *::after,.events-page-builder *{box-sizing:border-box}
.events-page-body a{color:inherit;text-decoration:none}
.events-page-body button,.events-page-body select,.events-page-builder button,.events-page-builder select{font:inherit}
.events-page-body button,.events-page-builder button{cursor:pointer}
.events-page-body :focus-visible,.events-page-builder :focus-visible{outline:3px solid #405da4;outline-offset:4px}
.events-page-skip{position:fixed;left:15px;top:-70px;padding:8px 16px;background:#fff;z-index:5}
.events-page-skip:focus{top:8px}
.events-page-header{background:#fff;height:76px}
.events-page-header-inner{max-width:1320px;margin:auto;height:76px;padding:7px 10.5px;display:flex;align-items:center;gap:20px}
.events-page-brand{flex-shrink:0;display:flex;align-items:center}
.events-page-brand img{width:166.67px;height:34px}
.events-page-main-nav{display:flex;align-items:center;justify-content:center;gap:20px;margin-left:auto;font-size:15px;font-weight:700;color:#000;white-space:nowrap}
.events-page-main-nav a{display:block;padding:6px 0}
.events-page-main-nav .events-page-add-job{border:2px solid transparent;border-radius:7px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(145deg,#3c62ac,#19b3bb) border-box;padding:4px 8px}
.events-page-caret{display:inline-block;margin-left:5px;border:4px solid transparent;border-bottom:0;border-top-color:currentColor;vertical-align:middle}
.events-page-account-tools{display:flex;align-items:center;gap:18px;margin-left:auto;font-weight:700;color:#000}
.events-page-avatar{width:33px;height:33px;background:#405da4;color:white;display:grid;place-items:center;border-radius:50%;font-size:14px}
.events-page-site-language{white-space:nowrap}
.events-page-header-icons{display:flex;gap:16px;align-items:center}
.events-page-header-icon{display:block;width:24px;height:29px;position:relative}
.events-page-header-icon svg{width:24px;height:29px;fill:#25214c}
.events-page-header-icon svg path{fill:#25214c}
.events-page-header-icon img{width:28px;height:28px;object-fit:contain}
.events-page-counter{position:absolute;top:-5px;right:-9px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#fb3450;color:#fff;font-size:10px;font-weight:600;border:1px solid #fff}
.events-page-menu-toggle{display:none;border:0;background:none;padding:4px;width:24px}
.events-page-menu-toggle span{display:block;height:2px;background:#555;margin:4px 0}
.events-page-layout{max-width:1320px;margin:0 auto;display:flex;align-items:flex-start;gap:21px;padding:0 10.5px 24px}
.events-page-sidebar{background:white;width:65px;flex-shrink:0;box-shadow:2px 2px 5px #e9e9e9}
.events-page-company,.events-page-sidebar-link{display:flex;align-items:center;justify-content:center;height:64px;border:1px solid #e9e9e9;border-top:0}
.events-page-company img{width:36px;height:36px;object-fit:contain}
.events-page-sidebar-link svg{height:33px;width:36px;fill:#cacaca}
.events-page-sidebar-link svg path{fill:#cacaca}
.events-page-sidebar-link:hover{background:#f7f8f9}
.events-page-sidebar-link.events-page-sidebar-active{background:#f8f9fa;border-left:2px solid #22b0b9}
.events-page-sidebar-active svg,.events-page-sidebar-active svg path{fill:#22b0b9}
.events-page-content{min-width:0;flex:1;padding-top:14px}
.events-page-page-title{font-size:24.5px;line-height:1.2;font-weight:700;color:#25214c;margin:0 0 7px}
.events-page-panel{margin:15px 0;background:#fff;border-radius:3px;box-shadow:0 1px 3px #0003;padding:7px 15px 15px}
.events-page-tabs{display:flex;overflow:auto;white-space:nowrap;margin:0 -7px 14px;position:relative;scrollbar-width:thin;border-bottom:2px solid #ebebeb}
.events-page-tabs a{font-size:14px;font-weight:600;color:#bbb;padding:10px 15px;line-height:22.4px;border-bottom:2px solid transparent;margin-bottom:0}
.events-page-tabs a:hover{color:#1baeb7}
.events-page-tabs .events-page-tab-active{border-color:#1ca9b5;color:#1baeb7}
.events-page-builder{container-type:inline-size;container-name:events-page-badge;box-sizing:border-box;max-width:100%;font:400 14px/1.6 "Open Sans",sans-serif;color:#212529;padding:5px 7px 12px;min-width:0}
.events-page-heading{font-size:24.5px;line-height:1.35;color:#000;font-weight:700;margin:7px 0 12px}
.events-page-intro{margin:0 0 27px;max-width:1000px}
.events-page-builder-grid{display:grid;grid-template-columns:minmax(250px,330px) minmax(0,460px);grid-template-areas:"controls preview" "actions preview" "ranking-link .";grid-template-rows:1fr auto auto;column-gap:64px;row-gap:0;align-items:start;margin:0}
.events-page-controls{grid-area:controls;display:flex;flex-direction:column;justify-content:space-between;align-self:stretch;min-width:0;margin:0;padding:16px 18px 0;border:1px solid #e9e9ed;border-bottom:0;border-radius:20px 20px 0 0;background:#fff}
.events-page-ranking-field>.events-page-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.events-page-controls .events-page-fieldset{margin-bottom:16px}
.events-page-controls .events-page-label{margin-bottom:8px}
.events-page-controls .events-page-choice{padding:3px 0;margin-bottom:4px}
.events-page-field{margin-bottom:24px}
.events-page-label{font-size:14px;line-height:1.6;font-weight:700;margin:0 0 10px;display:block;padding:0}
.events-page-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.events-page-category-button{min-height:38px;padding:8px 4px;border:1px solid #c9d1e3;border-radius:24px;background:#fff;color:#3b589f;font-size:13px!important;font-weight:600!important;line-height:1.4}
.events-page-category-button:hover{border-color:#3b589f;color:#3b589f}
.events-page-category-button[aria-pressed="true"]{background:#3b589f;border-color:#3b589f;color:#fff;box-shadow:0 2px 3px #0002}
.events-page-fieldset{border:0;padding:0;margin:0 0 24px;min-width:0}
.events-page-choice{display:flex;align-items:flex-start;gap:11px;padding:6px 0;border:0;margin:0 0 10px;cursor:pointer}
.events-page-radio{appearance:auto;accent-color:#1baeb7;width:17px;height:17px;margin:3px 0 0;flex-shrink:0;cursor:pointer}
.events-page-choice-copy{display:flex;flex-direction:column;gap:3px}
.events-page-choice-copy strong{font-weight:600}
.events-page-choice-copy>span{font-size:12px;color:#666;line-height:1.5}
.events-page-languages{display:inline-flex;max-width:100%;gap:0;vertical-align:top}
.events-page-language{position:relative;display:flex;cursor:pointer;margin:0}
.events-page-language+.events-page-language{margin-left:-1px}
.events-page-language .events-page-radio{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;z-index:1}
.events-page-language>span{display:block;padding:4px 7px;border:1px solid #c9d1e3;background:#fff;color:#3b589f;font-size:12px;line-height:18px}
.events-page-language:first-child>span{border-radius:3px 0 0 3px}
.events-page-language:last-child>span{border-radius:0 3px 3px 0}
.events-page-language .events-page-radio:checked+span{position:relative;background:#3b589f;border-color:#3b589f;color:#fff}
.events-page-language .events-page-radio:focus-visible+span{position:relative;z-index:2;outline:3px solid #405da4;outline-offset:3px}
.events-page-language:hover .events-page-radio:not(:checked)+span{background:#f2f5fb}
.events-page-button{border:1px solid #3b589f;border-radius:24px;background:#3b589f;color:#fff;padding:8px 20px;font-weight:600!important;line-height:20px;display:inline-flex;gap:8px;align-items:center;justify-content:center;max-width:100%;box-shadow:0 2px 3px #0002;transition:background .15s}
.events-page-button:hover:not(:disabled){background:#324b87;border-color:#2f467f}
.events-page-download{background:#0096ba;border-color:#0096ba}
.events-page-download:hover:not(:disabled){background:#0083a3;border-color:#0083a3}
.events-page-button:disabled{opacity:.55;cursor:wait}
.events-page-download-icon{width:18px;height:18px;flex-shrink:0}
.events-page-status{font-size:13px;margin:10px 0 0;color:#555;min-height:21px}
.events-page-status[data-loading]{position:absolute;width:1px;height:1px;min-height:0;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.events-page-download:disabled{opacity:1}
.events-page-status:empty{margin:0;min-height:0}
.events-page-retry{border:1px solid #c9d1e3;border-radius:24px;background:#fff;color:#3b589f;padding:8px 20px;font-weight:600!important;box-shadow:0 2px 3px #0002}
.events-page-actions{grid-area:actions;min-width:0;max-width:100%;align-self:stretch;padding:0 18px 16px;border:1px solid #e9e9ed;border-top:0;border-radius:0 0 20px 20px;background:#fff}
.events-page-preview{grid-area:preview;min-width:0;width:100%;max-width:460px}
.events-page-preview>.events-page-label{text-align:center}
.events-page-canvas-wrap{width:100%;aspect-ratio:1000/725;background:transparent;line-height:0;border:0;border-radius:0;overflow:visible;position:relative}
.events-page-canvas{width:100%;height:auto;display:block;filter:drop-shadow(0 10px 18px rgba(25,37,61,.30))}
.events-page-ranking-link{grid-area:ranking-link;display:block;width:100%;max-width:100%;text-align:center;margin:10px 0 0;font-size:12px;color:#405da4!important}
.events-page-ranking-link:hover{text-decoration:underline}
.events-page-contact{display:flex;gap:9px;align-items:center;margin:32px 7px 0;padding:8px 0 0}
.events-page-contact img{width:30px;height:30px;flex-shrink:0}
.events-page-contact p{margin:0}
.events-page-contact a{font-weight:700}
@media(min-width:992px) and (max-width:1399px){.events-page-header-inner,.events-page-layout{max-width:1320px;margin:0 36px}.events-page-header-inner{gap:18px}.events-page-main-nav{gap:17px;font-size:14px}.events-page-account-tools{gap:14px}.events-page-builder-grid{column-gap:30px;grid-template-columns:300px minmax(0,1fr)}}
@media(min-width:992px) and (max-width:1199px){.events-page-learning{display:none!important}.events-page-header-inner,.events-page-layout{margin:0 15px}.events-page-main-nav{gap:12px}.events-page-header-inner{gap:14px}.events-page-account-tools{gap:12px}.events-page-header-icons{gap:12px}.events-page-builder-grid{grid-template-columns:265px minmax(0,1fr);column-gap:25px}}
@media(max-width:991px){.events-page-header{height:70px}.events-page-header-inner{height:70px;padding:7px 18px;gap:16px;position:relative}.events-page-account-tools{display:none}.events-page-header-icons{margin-left:auto}.events-page-main-nav{display:none}.events-page-main-nav.events-page-nav-open{display:flex;position:absolute;left:0;right:0;top:70px;padding:20px;background:white;z-index:3;flex-direction:column;align-items:stretch;box-shadow:0 3px 4px #0002}.events-page-menu-toggle{display:block}.events-page-layout{display:block;padding:0 10.5px 20px}.events-page-sidebar{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));width:100%;overflow:visible;box-shadow:none}.events-page-company,.events-page-sidebar-link{min-width:0;height:48px;border:0;border-bottom:2px solid transparent}.events-page-sidebar-link svg{width:29px;height:29px}.events-page-sidebar-link.events-page-sidebar-active{border-left:0;border-bottom:2px solid #22b0b9}.events-page-content{padding-top:16px}.events-page-builder-grid{grid-template-columns:260px minmax(0,1fr);column-gap:25px}.events-page-panel{margin-top:15px}.events-page-contact{margin-top:25px}
.events-page-tabs{flex-wrap:wrap;overflow:visible;white-space:normal;gap:0}
.events-page-tabs a{flex:1 1 30%;min-width:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:9px 10px;font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.events-page-tabs .events-page-tab-active{color:#1baeb7;background:#f4fbfc}
}
@media(max-width:650px){.events-page-header-inner{gap:12px;padding:7px 15px}.events-page-sidebar{grid-template-columns:repeat(5,minmax(0,1fr))}.events-page-company,.events-page-sidebar-link{height:44px}.events-page-brand img{width:145px;height:auto}.events-page-header-icons{gap:14px}.events-page-header-icon{width:21px}.events-page-page-title{font-size:23px}.events-page-heading{font-size:22px}.events-page-builder{padding:5px 0 12px}.events-page-intro{margin-bottom:23px}.events-page-builder-grid{display:flex;flex-direction:column;gap:28px}.events-page-controls,.events-page-preview{width:100%}.events-page-contact{align-items:flex-start;font-size:12px;margin:22px 0 0}.events-page-contact a{overflow-wrap:anywhere}.events-page-field,.events-page-fieldset{margin-bottom:21px}.events-page-tabs{margin-left:-7px;margin-right:-7px}.events-page-tabs a{flex-basis:45%;padding:9px 8px}.events-page-tabs a:last-child{flex-basis:100%}.events-page-ranking-link{font-size:12px}}
@media(prefers-reduced-motion:reduce){.events-page-choice,.events-page-button{transition:none}}

/* Respond to the space supplied by the host page, not only the window. */
@container events-page-badge (max-width:650px){
  .events-page-builder-grid{display:flex;flex-direction:column;gap:24px;min-width:0;max-width:100%}
  .events-page-controls,.events-page-preview{box-sizing:border-box;min-width:0;width:100%;max-width:100%}
  .events-page-preview{max-width:460px}
  .events-page-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:21px;align-items:start;padding:16px 12px;border-bottom:1px solid #e9e9ed;border-radius:20px}
  .events-page-ranking-field{grid-column:1 / -1}
  .events-page-controls .events-page-fieldset{margin-bottom:0}
  .events-page-choice-copy{overflow-wrap:anywhere}
  .events-page-actions{width:100%;max-width:460px;padding:0;border:0;border-radius:0;background:transparent;text-align:center}
  .events-page-fieldset,.events-page-categories,.events-page-choice-copy{min-width:0;max-width:100%}
  .events-page-category-button{min-width:0;padding-inline:4px;overflow-wrap:normal}
  .events-page-ranking-link{margin-top:-14px}
  .events-page-heading,.events-page-intro,.events-page-ranking-link{overflow-wrap:anywhere}
  .events-page-canvas-wrap,.events-page-canvas{max-width:100%}
}
