@import url("//rsms.me/inter/inter.css");

* { -webkit-font-smoothing: antialiased; box-sizing: border-box; text-rendering: optimizeLegibility; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: transparent; }
select:-moz-focusring, button:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; }
html, body { margin: 0; padding: 0; }
body { font-family: "Inter var", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; font-size: 18px; line-height: 1.5; letter-spacing: -0.2px; color: #3C4858; background: #FAFAFA; background: #F6F9FC; opacity: 0; transition: all 1s ease; font-feature-settings: "dlig" 0, "numr" 0, "dnom" 0, "tnum" 0, "case", "zero" 0, "frac", "sups" 0, "subs" 0, "cpsp", "salt" 0, "ss01" 0, "ss02" 0, "ss03" 0, "cv01" 0, "cv02" 0, "cv03" 0, "cv04" 0, "cv05" 0, "cv06" 0, "cv07" 0, "cv08", "cv09" 0, "cv10" 0, "cv11", "calt", "liga", "kern"; }
body.loaded { opacity: 1; }
.clear { clear: both; }

.wrapper { position: absolute; bottom: 0; left: 0; width: 100%; height: calc(100% - 50px); overflow: auto; -webkit-overflow-scrolling: touch; transition: all 0.3s ease; }
.vertical-aligner { position: relative; top: 50%; transform: translateY(-50%); display: inline-block; padding: 0 20px; min-width: 100%; }
.ownlocal-unit { position: relative; display: block; margin: 0 auto; width: 300px; height: 250px; box-shadow: 0 0 10px rgba(0,0,0,0.15); box-shadow: rgba(50,50,93,0.25) 0px 13px 27px -5px, rgba(0,0,0,0.3) 0px 8px 16px -8px; border-radius: 6px; overflow: hidden; }
iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0 none; }

.size-300x300 .ownlocal-unit { height: 300px; }
.size-300x600 .ownlocal-unit { height: 600px; }
.size-728x90  .ownlocal-unit { width: 728px; height: 90px; }
.size-970x250 .ownlocal-unit { width: 970px; height: 250px; }
.size-300x50  .ownlocal-unit { width: 300px; height: 50px; }

.switchers-container { position: absolute; top: 0; left: 0; width: 100%; text-align: center; font-size: 0; background: rgba(247,248,249,0.975); background: rgba(255,255,255,0.95); height: 50px; box-shadow: 0px 1px 1px rgba(207,215,223,0.25); z-index: 1000; overflow: hidden; }
.select-container { font-size: 16px; display: inline-block; position: relative; background: white; color: rgba(75,89,102,0.9); border-right: 1px solid rgba(0,0,0,0.05); transition: all 0.3s ease; border-radius: 0; height: 50px; line-height: 50px; }
.select-container:after { content: "\E313"; position: absolute; top: 50%; right: 15px; margin: -10px 0 0; font-family: "Material Icons"; font-size: 20px; line-height: 20px; pointer-events: none; }
.select-container:first-child { border-left: 1px solid rgba(0,0,0,0.05); }
select { outline: 0 none; padding: 0 45px 0 20px; width: 100%; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; border: 0 none; background: transparent; font-size: 16px; line-height: 50px; margin: 0; font-family: inherit; color: inherit; font-weight: 500; }
button, .button { -webkit-appearance: none; outline: 0 none; border: 0 none; background: transparent; cursor: pointer; font-size: 16px; font-family: inherit; line-height: 50px; display: inline-block; border-radius: 0; color: rgba(75,89,102,0.9); font-weight: 500; padding: 0 20px; border-right: 1px solid rgba(0,0,0,0.05); margin: 0; text-decoration: none; }
.defaults-button { width: 60px; height: 50px; position: relative; padding: 0; opacity: 0.7; transition: all 0.3s ease; }
.defaults-button:hover { opacity: 1; }
.defaults-button i { transform: translateY(6px); }
.no-touch .select-container:hover select { text-decoration: underline; }
.no-touch button:hover, .no-touch .button:hover { text-decoration: underline; }

@media screen and (max-width: 1023px) {
  .switchers-container { white-space: nowrap; overflow: hidden; overflow-x: auto; }
}

@media screen and (max-width: 510px) {
  .switchers-container { text-align: left; }
  .select-container.example-select-container { border-left: 0 none; }
  .defaults-button { border-right: 0 none; }
}