html.ios{--ion-default-font:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Roboto",sans-serif}html.md{--ion-default-font:"Roboto","Helvetica Neue",sans-serif}body.backdrop-no-scroll{overflow:hidden}html.ios ion-modal ion-footer ion-toolbar:first-of-type,html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type{padding-top:6px}html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type{padding-bottom:6px}html.ios ion-modal ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 8px);padding-left:calc(var(--ion-safe-area-left) + 8px)}@media screen and (min-width:768px){html.ios ion-modal.modal-card:first-of-type{--backdrop-opacity:0.18}}ion-modal.modal-default.show-modal~ion-modal.modal-default{--backdrop-opacity:0;--box-shadow:none}html.ios ion-modal.modal-card .ion-page{border-top-left-radius:var(--border-radius)}.ion-color-primary{--ion-color-base:var(--ion-color-primary, #3880ff)!important;--ion-color-base-rgb:var(--ion-color-primary-rgb, 56, 128, 255)!important;--ion-color-contrast:var(--ion-color-primary-contrast, #fff)!important;--ion-color-contrast-rgb:var(--ion-color-primary-contrast-rgb, 255, 255, 255)!important;--ion-color-shade:var(--ion-color-primary-shade, #3171e0)!important;--ion-color-tint:var(--ion-color-primary-tint, #4c8dff)!important}.ion-color-secondary{--ion-color-base:var(--ion-color-secondary, #3dc2ff)!important;--ion-color-base-rgb:var(--ion-color-secondary-rgb, 61, 194, 255)!important;--ion-color-contrast:var(--ion-color-secondary-contrast, #fff)!important;--ion-color-contrast-rgb:var(--ion-color-secondary-contrast-rgb, 255, 255, 255)!important;--ion-color-shade:var(--ion-color-secondary-shade, #36abe0)!important;--ion-color-tint:var(--ion-color-secondary-tint, #50c8ff)!important}.ion-color-tertiary{--ion-color-base:var(--ion-color-tertiary, #5260ff)!important;--ion-color-base-rgb:var(--ion-color-tertiary-rgb, 82, 96, 255)!important;--ion-color-contrast:var(--ion-color-tertiary-contrast, #fff)!important;--ion-color-contrast-rgb:var(--ion-color-tertiary-contrast-rgb, 255, 255, 255)!important;--ion-color-shade:var(--ion-color-tertiary-shade, #4854e0)!important;--ion-color-tint:var(--ion-color-tertiary-tint, #6370ff)!important}.ion-color-success{--ion-color-base:var(--ion-color-success, #2dd36f)!important;--ion-color-base-rgb:var(--ion-color-success-rgb, 45, 211, 111)!important;--ion-color-contrast:var(--ion-color-success-contrast, #fff)!important;--ion-color-contrast-rgb:var(--ion-color-success-contrast-rgb, 255, 255, 255)!important;--ion-color-shade:var(--ion-color-success-shade, #28ba62)!important;--ion-color-tint:var(--ion-color-success-tint, #42d77d)!important}.ion-color-warning{--ion-color-base:var(--ion-color-warning, #ffc409)!important;--ion-color-base-rgb:var(--ion-color-warning-rgb, 255, 196, 9)!important;--ion-color-contrast:var(--ion-color-warning-contrast, #000)!important;--ion-color-contrast-rgb:var(--ion-color-warning-contrast-rgb, 0, 0, 0)!important;--ion-color-shade:var(--ion-color-warning-shade, #e0ac08)!important;--ion-color-tint:var(--ion-color-warning-tint, #ffca22)!important}.ion-color-danger{--ion-color-base:var(--ion-color-danger, #eb445a)!important;--ion-color-base-rgb:var(--ion-color-danger-rgb, 235, 68, 90)!important;--ion-color-contrast:var(--ion-color-danger-contrast, #fff)!important;--ion-color-contrast-rgb:var(--ion-color-danger-contrast-rgb, 255, 255, 255)!important;--ion-color-shade:var(--ion-color-danger-shade, #cf3c4f)!important;--ion-color-tint:var(--ion-color-danger-tint, #ed576b)!important}.ion-color-light{--ion-color-base:var(--ion-color-light, #f4f5f8)!important;--ion-color-base-rgb:var(--ion-color-light-rgb, 244, 245, 248)!important;--ion-color-contrast:var(--ion-color-light-contrast, #000)!important;--ion-color-contrast-rgb:var(--ion-color-light-contrast-rgb, 0, 0, 0)!important;--ion-color-shade:var(--ion-color-light-shade, #d7d8da)!important;--ion-color-tint:var(--ion-color-light-tint, #f5f6f9)!important}.ion-color-medium{--ion-color-base:var(--ion-color-medium, #92949c)!important;--ion-color-base-rgb:var(--ion-color-medium-rgb, 146, 148, 156)!important;--ion-color-contrast:var(--ion-color-medium-contrast, #fff)!important;--ion-color-contrast-rgb:var(--ion-color-medium-contrast-rgb, 255, 255, 255)!important;--ion-color-shade:var(--ion-color-medium-shade, #808289)!important;--ion-color-tint:var(--ion-color-medium-tint, #9d9fa6)!important}.ion-color-dark{--ion-color-base:var(--ion-color-dark, #222428)!important;--ion-color-base-rgb:var(--ion-color-dark-rgb, 34, 36, 40)!important;--ion-color-contrast:var(--ion-color-dark-contrast, #fff)!important;--ion-color-contrast-rgb:var(--ion-color-dark-contrast-rgb, 255, 255, 255)!important;--ion-color-shade:var(--ion-color-dark-shade, #1e2023)!important;--ion-color-tint:var(--ion-color-dark-tint, #383a3e)!important}.ion-page{left:0;right:0;top:0;bottom:0;display:flex;position:absolute;flex-direction:column;justify-content:space-between;contain:layout size style;overflow:hidden;z-index:0}ion-modal>.ion-page{position:relative;contain:layout style;height:100%}.split-pane-visible>.ion-page.split-pane-main{position:relative}.ion-page-hidden,ion-action-sheet-controller,ion-alert-controller,ion-loading-controller,ion-menu-controller,ion-modal-controller,ion-nav-controller,ion-picker-controller,ion-popover-controller,ion-route,ion-route-redirect,ion-router,ion-select-option,ion-toast-controller{display:none!important}.ion-page-invisible{opacity:0}.can-go-back>ion-header ion-back-button{display:block}html.plt-ios.plt-hybrid,html.plt-ios.plt-pwa{--ion-statusbar-padding:20px}@supports (padding-top:20px){html{--ion-safe-area-top:var(--ion-statusbar-padding)}}@supports (padding-top:constant(safe-area-inset-top)){html{--ion-safe-area-top:constant(safe-area-inset-top);--ion-safe-area-bottom:constant(safe-area-inset-bottom);--ion-safe-area-left:constant(safe-area-inset-left);--ion-safe-area-right:constant(safe-area-inset-right)}}@supports (padding-top:env(safe-area-inset-top)){html{--ion-safe-area-top:env(safe-area-inset-top);--ion-safe-area-bottom:env(safe-area-inset-bottom);--ion-safe-area-left:env(safe-area-inset-left);--ion-safe-area-right:env(safe-area-inset-right)}}ion-card-header.ion-color .ion-inherit-color,ion-card.ion-color .ion-inherit-color{color:inherit}.menu-content{transform:translate3d(0,0,0)}.menu-content-open{cursor:pointer;touch-action:manipulation;pointer-events:none}.ios .menu-content-reveal{box-shadow:-8px 0 42px rgba(0,0,0,.08)}[dir=rtl].ios .menu-content-reveal{box-shadow:8px 0 42px rgba(0,0,0,.08)}.md .menu-content-push,.md .menu-content-reveal{box-shadow:4px 0 16px rgba(0,0,0,.18)}ion-accordion-group.accordion-group-expand-inset>ion-accordion:first-of-type{border-top-left-radius:8px;border-top-right-radius:8px}ion-accordion-group.accordion-group-expand-inset>ion-accordion:last-of-type{border-bottom-left-radius:8px;border-bottom-right-radius:8px}ion-accordion-group>ion-accordion:last-of-type ion-item[slot=header]{--border-width:0px}ion-accordion.accordion-animated>[slot=header] .ion-accordion-toggle-icon{transition:transform .3s cubic-bezier(.25, .8, .5, 1)}@media (prefers-reduced-motion:reduce){ion-accordion .ion-accordion-toggle-icon{transition:none!important}}ion-accordion.accordion-expanded>[slot=header] .ion-accordion-toggle-icon,ion-accordion.accordion-expanding>[slot=header] .ion-accordion-toggle-icon{transform:rotate(180deg)}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-previous ion-item[slot=header]{--border-width:0px;--inner-border-width:0px}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanded:first-of-type,ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanding:first-of-type{margin-top:0}ion-input input::-webkit-date-and-time-value{text-align:start}.ion-datetime-button-overlay{--width:fit-content;--height:fit-content}.ion-datetime-button-overlay ion-datetime.datetime-grid{width:320px;min-height:320px}audio,canvas,progress,video{vertical-align:baseline}audio:not([controls]){display:none;height:0}b,strong{font-weight:700}img{max-width:100%}hr{height:1px;border-width:0;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}input,label,select,textarea{font-family:inherit;line-height:normal}textarea{overflow:auto;height:auto;font:inherit;color:inherit}textarea::placeholder{padding-left:2px}form,input,optgroup,select{margin:0;font:inherit;color:inherit}html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}.ion-tappable,[tappable],[tappable] div,[tappable] ion-icon,[tappable] ion-label,[tappable] span,a,a div,a ion-icon,a ion-label,a span,button,button div,button ion-icon,button ion-label,button span,input,textarea{touch-action:manipulation}a ion-label,button ion-label{pointer-events:none}button{padding:0;border:0;border-radius:0;font-family:inherit;font-style:inherit;font-variant:inherit;line-height:1;text-transform:none;cursor:pointer;-webkit-appearance:button}[tappable]{cursor:pointer}a[disabled],button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{--ion-font-family:var(--ion-default-font);width:100%;height:100%;text-size-adjust:100%;font-family:var(--ion-font-family)}html:not(.hydrated) body{display:none}html.ion-ce body{display:block}html.plt-pwa{height:100vh}body{background:var(--ion-background-color);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin:0;padding:0;position:fixed;width:100%;max-width:100%;height:100%;max-height:100%;transform:translateZ(0);text-rendering:optimizeLegibility;overflow:hidden;touch-action:manipulation;-webkit-user-drag:none;-ms-content-zooming:none;word-wrap:break-word;overscroll-behavior-y:none;text-size-adjust:none}a{background-color:transparent;color:var(--ion-color-primary,#3880ff)}h1,h2,h3,h4,h5,h6{margin-top:16px;margin-bottom:10px;font-weight:500;line-height:1.2}h1{margin-top:20px;font-size:26px}h2{margin-top:18px;font-size:24px}h3{font-size:22px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}small{font-size:75%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}.ion-no-padding{--padding-start:0;--padding-end:0;--padding-top:0;--padding-bottom:0;padding:0}.ion-padding{--padding-start:var(--ion-padding, 16px);--padding-end:var(--ion-padding, 16px);--padding-top:var(--ion-padding, 16px);--padding-bottom:var(--ion-padding, 16px);-webkit-padding-start:var(--ion-padding,16px);padding-inline-start:var(--ion-padding,16px);-webkit-padding-end:var(--ion-padding,16px);padding-inline-end:var(--ion-padding,16px);padding-top:var(--ion-padding,16px);padding-bottom:var(--ion-padding,16px)}.ion-padding-top{--padding-top:var(--ion-padding, 16px);padding-top:var(--ion-padding,16px)}.ion-padding-start{--padding-start:var(--ion-padding, 16px);-webkit-padding-start:var(--ion-padding,16px);padding-inline-start:var(--ion-padding,16px)}.ion-padding-end{--padding-end:var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding,16px);padding-inline-end:var(--ion-padding,16px)}.ion-padding-bottom{--padding-bottom:var(--ion-padding, 16px);padding-bottom:var(--ion-padding,16px)}.ion-padding-vertical{--padding-top:var(--ion-padding, 16px);--padding-bottom:var(--ion-padding, 16px);padding-top:var(--ion-padding,16px);padding-bottom:var(--ion-padding,16px)}.ion-padding-horizontal{--padding-start:var(--ion-padding, 16px);--padding-end:var(--ion-padding, 16px);-webkit-padding-start:var(--ion-padding,16px);padding-inline-start:var(--ion-padding,16px);-webkit-padding-end:var(--ion-padding,16px);padding-inline-end:var(--ion-padding,16px)}.ion-no-margin{--margin-start:0;--margin-end:0;--margin-top:0;--margin-bottom:0;margin:0}.ion-margin{--margin-start:var(--ion-margin, 16px);--margin-end:var(--ion-margin, 16px);--margin-top:var(--ion-margin, 16px);--margin-bottom:var(--ion-margin, 16px);-webkit-margin-start:var(--ion-margin,16px);margin-inline-start:var(--ion-margin,16px);-webkit-margin-end:var(--ion-margin,16px);margin-inline-end:var(--ion-margin,16px);margin-top:var(--ion-margin,16px);margin-bottom:var(--ion-margin,16px)}.ion-margin-top{--margin-top:var(--ion-margin, 16px);margin-top:var(--ion-margin,16px)}.ion-margin-start{--margin-start:var(--ion-margin, 16px);-webkit-margin-start:var(--ion-margin,16px);margin-inline-start:var(--ion-margin,16px)}.ion-margin-end{--margin-end:var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin,16px);margin-inline-end:var(--ion-margin,16px)}.ion-margin-bottom{--margin-bottom:var(--ion-margin, 16px);margin-bottom:var(--ion-margin,16px)}.ion-margin-vertical{--margin-top:var(--ion-margin, 16px);--margin-bottom:var(--ion-margin, 16px);margin-top:var(--ion-margin,16px);margin-bottom:var(--ion-margin,16px)}.ion-margin-horizontal{--margin-start:var(--ion-margin, 16px);--margin-end:var(--ion-margin, 16px);-webkit-margin-start:var(--ion-margin,16px);margin-inline-start:var(--ion-margin,16px);-webkit-margin-end:var(--ion-margin,16px);margin-inline-end:var(--ion-margin,16px)}.ion-float-left{float:left!important}.ion-float-right{float:right!important}.ion-float-start{float:left!important}:host-context([dir=rtl]) .ion-float-start{float:right!important}[dir=rtl] .ion-float-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-start:dir(rtl){float:right!important}.ion-float-end:dir(rtl){float:left!important}}.ion-float-end{float:right!important}:host-context([dir=rtl]) .ion-float-end{float:left!important}[dir=rtl] .ion-float-end{float:left!important}.ion-text-center{text-align:center!important}.ion-text-justify{text-align:justify!important}.ion-text-start{text-align:start!important}.ion-text-end{text-align:end!important}.ion-text-left{text-align:left!important}.ion-text-right{text-align:right!important}.ion-text-nowrap{white-space:nowrap!important}.ion-text-wrap{white-space:normal!important}.ion-text-uppercase{text-transform:uppercase!important}.ion-text-lowercase{text-transform:lowercase!important}.ion-text-capitalize{text-transform:capitalize!important}.ion-align-self-start{align-self:flex-start!important}.ion-align-self-end{align-self:flex-end!important}.ion-align-self-center{align-self:center!important}.ion-align-self-stretch{align-self:stretch!important}.ion-align-self-baseline{align-self:baseline!important}.ion-align-self-auto{align-self:auto!important}.ion-wrap{flex-wrap:wrap!important}.ion-nowrap{flex-wrap:nowrap!important}.ion-wrap-reverse{flex-wrap:wrap-reverse!important}.ion-justify-content-start{justify-content:flex-start!important}.ion-justify-content-center{justify-content:center!important}.ion-justify-content-end{justify-content:flex-end!important}.ion-justify-content-around{justify-content:space-around!important}.ion-justify-content-between{justify-content:space-between!important}.ion-justify-content-evenly{justify-content:space-evenly!important}.ion-align-items-start{align-items:flex-start!important}.ion-align-items-center{align-items:center!important}.ion-align-items-end{align-items:flex-end!important}.ion-align-items-stretch{align-items:stretch!important}.ion-align-items-baseline{align-items:baseline!important}.ion-hide,.ion-hide-down,.ion-hide-up{display:none!important}@media (min-width:576px){.ion-float-sm-left{float:left!important}.ion-float-sm-right{float:right!important}.ion-float-sm-start{float:left!important}:host-context([dir=rtl]) .ion-float-sm-start{float:right!important}[dir=rtl] .ion-float-sm-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-sm-start:dir(rtl){float:right!important}.ion-float-sm-end:dir(rtl){float:left!important}}.ion-float-sm-end{float:right!important}:host-context([dir=rtl]) .ion-float-sm-end{float:left!important}[dir=rtl] .ion-float-sm-end{float:left!important}.ion-text-sm-center{text-align:center!important}.ion-text-sm-justify{text-align:justify!important}.ion-text-sm-start{text-align:start!important}.ion-text-sm-end{text-align:end!important}.ion-text-sm-left{text-align:left!important}.ion-text-sm-right{text-align:right!important}.ion-text-sm-nowrap{white-space:nowrap!important}.ion-text-sm-wrap{white-space:normal!important}.ion-text-sm-uppercase{text-transform:uppercase!important}.ion-text-sm-lowercase{text-transform:lowercase!important}.ion-text-sm-capitalize{text-transform:capitalize!important}.ion-hide-sm-up{display:none!important}}@media (max-width:575.98px){.ion-hide-sm-down{display:none!important}}@media (min-width:768px){.ion-float-md-left{float:left!important}.ion-float-md-right{float:right!important}.ion-float-md-start{float:left!important}:host-context([dir=rtl]) .ion-float-md-start{float:right!important}[dir=rtl] .ion-float-md-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-md-start:dir(rtl){float:right!important}.ion-float-md-end:dir(rtl){float:left!important}}.ion-float-md-end{float:right!important}:host-context([dir=rtl]) .ion-float-md-end{float:left!important}[dir=rtl] .ion-float-md-end{float:left!important}.ion-text-md-center{text-align:center!important}.ion-text-md-justify{text-align:justify!important}.ion-text-md-start{text-align:start!important}.ion-text-md-end{text-align:end!important}.ion-text-md-left{text-align:left!important}.ion-text-md-right{text-align:right!important}.ion-text-md-nowrap{white-space:nowrap!important}.ion-text-md-wrap{white-space:normal!important}.ion-text-md-uppercase{text-transform:uppercase!important}.ion-text-md-lowercase{text-transform:lowercase!important}.ion-text-md-capitalize{text-transform:capitalize!important}.ion-hide-md-up{display:none!important}}@media (max-width:767.98px){.ion-hide-md-down{display:none!important}}@media (min-width:992px){.ion-float-lg-left{float:left!important}.ion-float-lg-right{float:right!important}.ion-float-lg-start{float:left!important}:host-context([dir=rtl]) .ion-float-lg-start{float:right!important}[dir=rtl] .ion-float-lg-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-lg-start:dir(rtl){float:right!important}.ion-float-lg-end:dir(rtl){float:left!important}}.ion-float-lg-end{float:right!important}:host-context([dir=rtl]) .ion-float-lg-end{float:left!important}[dir=rtl] .ion-float-lg-end{float:left!important}.ion-text-lg-center{text-align:center!important}.ion-text-lg-justify{text-align:justify!important}.ion-text-lg-start{text-align:start!important}.ion-text-lg-end{text-align:end!important}.ion-text-lg-left{text-align:left!important}.ion-text-lg-right{text-align:right!important}.ion-text-lg-nowrap{white-space:nowrap!important}.ion-text-lg-wrap{white-space:normal!important}.ion-text-lg-uppercase{text-transform:uppercase!important}.ion-text-lg-lowercase{text-transform:lowercase!important}.ion-text-lg-capitalize{text-transform:capitalize!important}.ion-hide-lg-up{display:none!important}}@media (max-width:991.98px){.ion-hide-lg-down{display:none!important}}@media (min-width:1200px){.ion-float-xl-left{float:left!important}.ion-float-xl-right{float:right!important}.ion-float-xl-start{float:left!important}:host-context([dir=rtl]) .ion-float-xl-start{float:right!important}[dir=rtl] .ion-float-xl-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-xl-start:dir(rtl){float:right!important}.ion-float-xl-end:dir(rtl){float:left!important}}.ion-float-xl-end{float:right!important}:host-context([dir=rtl]) .ion-float-xl-end{float:left!important}[dir=rtl] .ion-float-xl-end{float:left!important}.ion-text-xl-center{text-align:center!important}.ion-text-xl-justify{text-align:justify!important}.ion-text-xl-start{text-align:start!important}.ion-text-xl-end{text-align:end!important}.ion-text-xl-left{text-align:left!important}.ion-text-xl-right{text-align:right!important}.ion-text-xl-nowrap{white-space:nowrap!important}.ion-text-xl-wrap{white-space:normal!important}.ion-text-xl-uppercase{text-transform:uppercase!important}.ion-text-xl-lowercase{text-transform:lowercase!important}.ion-text-xl-capitalize{text-transform:capitalize!important}.ion-hide-xl-up{display:none!important}}@media (max-width:1199.98px){.ion-hide-xl-down{display:none!important}}/*
Suggested colors:
#262626 - dark
#698096 - light blue
#CD9A84 - light brown
*/
html,
body {
  padding: 0;
  margin: 0;
}

.credits {
  text-align: center;
  font-size: 10pt;
  color: #6c6c6c;
}

#tab-button-credits {
  position: absolute;
  left: 0pt;
  top: 0pt;
  height: 59px;
}

#label-profile-Title {
  text-align: center;
}

.creditsNew {
  text-align: center;
  font-size: 13pt;
  padding-left: 10pt;
  padding-right: 10pt;
}

.floatingCredits {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgb(82, 82, 82);
  color: white;
  padding: 5px;
  font-size: 14pt;
}

.languageButtons {
  width: 100%;
  text-align: center;
}

.speakerImage {
  max-width: 100%;
  height: 300px;
}

.eventImage {
  max-width: 100%;
  max-height: 224px;
}

.buttonOnTopPanel {
  right: 0;
  position: absolute;
  top: 2px;
  height: 29px;
}

.buttonMinWidht {
  min-width: 250px;
}

.buttonWidth100 {
  margin: auto;
  width: 100%;
}

.hidden {
  visibility: hidden;
}

.centerContent {
  text-align: center;
  width: 100%;
  margin: auto;
}

.linkOnBlackBackground {
  color: #83ffed;
  text-decoration: none;
  border: 0.5pt solid grey;
  padding-left: 5px;
  padding-right: 5px;
}

/* tdWithPadding for table */
.tdWithPadding td {
  padding: 5px;
}

.colorRed {
  color: #ff3f3f;
}

.lightGreen {
  color: #6fff6f;
}

.lightRed {
  color: #ff6f6f;
}

.lightYellow {
  color: #ffc16f;
}

.darkGreen {
  color: #479b47;
}

.darkRed {
  color: #9b4747;
}

.tableUserInfo {
  margin: auto
}

.tableUserInfo tr td {
  padding: 5px;
}

.registered {
  color: green !important;
  text-shadow: 1px 0 0 currentColor
}

.unregistered,
.notRegistered {
  color: #987262 !important;
  text-shadow: 1px 1px 0 currentColor
}

.tutorBox {
  border-top: 1pt solid black;
  border-bottom: 1pt solid black;
  padding: 10px;
  overflow-x: auto;
}

.overflowXauto {
  overflow-x: auto;
}

.textShadow {
  text-shadow: 1px 0 0 currentColor
}

.myUsersList {
  margin-top: 15px;
}

.marginBottom {
  margin-bottom: 20px;
}

.tableCenteredMargin {
  margin: auto;
}

.redBackground {
  background-color: #ffd6d6;
  --background: #ffd6d6;
}

.greenBackground {
  background-color: #d9ffd6;
  --background: #d9ffd6;
}

.redBackground {
  background-color: #ffd6d6;
  --background: #ffd6d6;
}

.greenBackground .alert-message,
.redBackground .alert-message {
  font-weight: bold;
  color: black;
  font-size: large;
}

.titleDici {
  font-size: larger;
  font-weight: bold;
  text-align: center;
}
.alignLeft{
  text-align: left;
}
.centeredDivExternal {
  margin: 0 auto;
  display: inline-block;
  text-align: center;
  width: 100%;
}

.centerDiv {
  margin: auto;
  display: inline-grid;
}

#select-label>div>ion-icon {
  display: none !important;
  width: 0px !important;
}

.greenBackground .alert-title,
.redBackground .alert-title {
  color: black;
  font-size: large;
}

.boldMe {
  font-weight: bold;
}

.customMessageInAlert {
  font-weight: bold;
  color: black;
}

#qrCodeMessageArea {
  text-align: center;
}

.pointer {
  cursor: pointer;
}

.cities {
  text-align: center;
  margin-left: 10px;
}

.cityButton {
  width: 200px !important;
}

.citiesDescriptions {
  display: none;
}

.citiesTexts {
  text-align: justify;
  margin-right: 8px;
}

.textWithMarginJutsified {
  text-align: justify;
  margin-right: 12px;
}

.textWithMargin {
  margin-right: 12px;
}

.readMore,
.closeTextDiv {
  visibility: hidden;
}

.navButton {
  width: 20%;
}







/*
Suggested colors:
#262626 - dark
#698096 - light blue
#CD9A84 - light brown
*/
:root {
  --ion-color-lightblue: #698096;
  --ion-color-lightblue-rgb: 105, 128, 150;
  --ion-color-lightblue-contrast: #ffffff;
  --ion-color-lightblue-contrast-rgb: 255, 255, 255;
  --ion-color-lightblue-shade: #5c7184;
  --ion-color-lightblue-tint: #788da1;
  --ion-color-lightbrown: #CD9A84;
  --ion-color-lightbrown-rgb: 205, 154, 132;
  --ion-color-lightbrown-contrast: #ffffff;
  --ion-color-lightbrown-contrast-rgb: 0, 0, 0;
  --ion-color-lightbrown-shade: #b48874;
  --ion-color-lightbrown-tint: #d2a490;
  --ion-color-lightdark: #262626;
  --ion-color-lightdark-rgb: 38, 38, 38;
  --ion-color-lightdark-contrast: #ffffff;
  --ion-color-lightdark-contrast-rgb: 255, 255, 255;
  --ion-color-lightdark-shade: #212121;
  --ion-color-lightdark-tint: #3c3c3c;


  --ion-background-color: rgba(255, 255, 255, 0.67);
  /*
  --ion-background-image:url("./imgs/logoApp.png")!important;
  background-image:url("./imgs/logoApp.png")!important;
  */

  background-size: contain;
  /*cover;*/
  background-repeat: no-repeat;
  background-position: center center;

}

.ion-color-lightdark {
  --ion-color-base: var(--ion-color-lightdark);
  --ion-color-base-rgb: var(--ion-color-lightdark-rgb);
  --ion-color-contrast: var(--ion-color-lightdark-contrast);
  --ion-color-contrast-rgb: var(--ion-color-lightdark-contrast-rgb);
  --ion-color-shade: var(--ion-color-lightdark-shade);
  --ion-color-tint: var(--ion-color-lightdark-tint);
}

.ion-color-lightbrown {
  --ion-color-base: var(--ion-color-lightbrown);
  --ion-color-base-rgb: var(--ion-color-lightbrown-rgb);
  --ion-color-contrast: var(--ion-color-lightbrown-contrast);
  --ion-color-contrast-rgb: var(--ion-color-lightbrown-contrast-rgb);
  --ion-color-shade: var(--ion-color-lightbrown-shade);
  --ion-color-tint: var(--ion-color-lightbrown-tint);
}

.ion-color-lightblue {
  --ion-color-base: var(--ion-color-lightblue);
  --ion-color-base-rgb: var(--ion-color-lightblue-rgb);
  --ion-color-contrast: var(--ion-color-lightblue-contrast);
  --ion-color-contrast-rgb: var(--ion-color-lightblue-contrast-rgb);
  --ion-color-shade: var(--ion-color-lightblue-shade);
  --ion-color-tint: var(--ion-color-lightblue-tint);
}

.displayNone {
  display: none;
}


.chat-container {
  max-width: 100%;
  padding: 10px;


  display: flex;
  flex-direction: column;
  /* Disposizione dei contenuti in colonna */
  height: 100vh;
  /* Altezza del contenitore della chat pari all'altezza dello schermo */

}

.messages {
  margin-bottom: 60px;
  /* Spazio sotto i messaggi per evitare che vengano coperti dal campo di input */
  min-height: 100px;
  height: 72vh;
  flex: 1;
  /* Occupa tutto lo spazio rimanente disponibile nella colonna */
  overflow-y: auto;
  /* Consenti lo scroll verticale quando il contenuto supera l'altezza disponibile */
}


.input-container {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #f0f0f0;
  display: flex;
  padding: 5px;

  align-items: stretch;
  /* Allunga gli elementi per occupare tutta l'altezza disponibile */
}

.message-input {
  flex: 5;
  padding: 8px;
  border: none;
  border-radius: 5px;
  margin-right: 5px;
  resize: none;
  width: 80%;
}

.sendMessage {
  background-color: #4CAF50;
  color: white;
  border: none;
  border-radius: 5px;
  padding: 10px 20px;
  cursor: pointer;
  flex: 0.5;
  /* Occupa tutto lo spazio rimanente disponibile */

}

.message {
  background-color: #f0f0f0;
  padding: 8px;
  margin-bottom: 5px;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
}

.message-sender {
  font-weight: bold;
}

.message-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
}

.message-timestamp {
  font-size: 12px;
  color: #eaeaea;
}

.buttonsCustomWidth {
  width: 150px;
}


.carousel-container {
  overflow: hidden;
  position: relative;
}

.carousel {
  display: flex;
  transition: transform 0.3s ease;
  width: 100%;
}

.carousel-slide {
  min-width: 100%;
  flex-shrink: 0;
}

.carouselIMG {
  max-width: 100%;
  max-height: 200px;
  height: auto;
  object-fit: contain;
  /* Imposta l'immagine in modo che rispetti i vincoli di altezza e larghezza mantenendo l'aspect ratio */
}

.swiper-container {
  width: 100%;
}

.imgContainer {
  margin-right: 10pt;
}

.alert-wrapper {
  /* questo risolve il problema dell'alert semi trasparente dopo aver messo il logo in sfondo */
  background-color: white !important;
}

.socialLogos {
  height: 70px;
}

@keyframes blink {
  0% {
    --ion-color-base: #698096;
    /* Colore di sfondo lampeggiante */
  }

  50% {
    --ion-color-base: #CD9A84;
    /* Colore di sfondo trasparente */
  }

  100% {
    --ion-color-base: #698096;
    /* Ritorna al colore di sfondo lampeggiante */
  }
}

@keyframes blinkTextColor {
  0% {
    color: white;
    /* Colore di sfondo lampeggiante */
  }

  50% {
    color: #CD9A84;
    /* Colore di sfondo trasparente */
  }

  100% {
    color: white;
    /* Ritorna al colore di sfondo lampeggiante */
  }
}

.blinking {
  animation: blink 1s infinite;
  /* Durata dell'animazione 1 secondo, loop infinito */
}

/*
Suggested colors:
#262626 - dark
#698096 - light blue
#CD9A84 - light brown
*/

.message-tutor {
  background-color: #CD9A84;
  color: white;
}

.message-student {
  background-color: #698096;
  color: white;
}


.slide-toggle {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.socialLogosFS {
  font-size: 48px;
}

.hr {
  border-bottom: 1px solid #ccc;
  margin: 10px 0;
  width: 100%;
}

.hrBorder{
  
}

.readMoreCalendar {
  font-weight: bold;
  font-size: 14pt;
  color: #CD9A84;
}

.alert-wrapper {
  max-width: unset !important;
  width: 80% !important;
}

.littleMargin {
  margin: 10px;
}
.noBorder{
  border:none!important;
}
.color1 {
  color: #4a6a85;
  background-color: #e6f2ff;
  border: 0.3pt solid #8aa0b5;
  border-bottom: 0pt;
}

.color2 {
  color: #a35d45;
  background-color: #ffe9e0;
  border: 0.3pt solid #8aa0b5;
  border-bottom: 0pt;
}

.color3 {
  color: #1f7a5a;
  background-color: #e3f7ef;
  border: 0.3pt solid #8aa0b5;
  border-bottom: 0pt;
}

.color4 {
  color: #7a5fa3;
  background-color: #efe6ff;
  border: 0.3pt solid #8aa0b5;
  border-bottom: 0pt;
}

.color5 {
  color: #a37a2f;
  background-color: #fff4d9;
  border: 0.3pt solid #8aa0b5;
  border-bottom: 0pt;
}

.color6 {
  color: #2f7f9e;
  background-color: #e0f6ff;
  border: 0.3pt solid #8aa0b5;
  border-bottom: 0pt;
}

.color7 {
  color: #a33f6b;
  background-color: #ffe3f0;
  border: 0.3pt solid #8aa0b5;
  border-bottom: 0pt;
}

.color8 {
  color: #5a7a3f;
  background-color: #ecf7e3;
  border: 0.3pt solid #8aa0b5;
  border-bottom: 0pt;
}

.combinationHeader {
  font-weight: bold;
  text-align: center;
}

.iconLink {
  color: #698096;
  text-decoration: none;
  font-size: 20pt;
  padding: 5px;
}

.width-95 {
  width: 95%;
}



.boxA {
  background: none rgb(255, 128, 0);
  white-space: pre-wrap;
  overflow: visible;
  font-family: var(--font_default);
  font-size: 16px;
  font-weight: 400;
  color: white;
  text-align: center;
  line-height: 1.4;
  padding: 0px 10px;
  border-radius: 3px;
  opacity: 1;
  align-self: flex-start;
  min-width: 40px;
  max-width: 40px;
  order: 4;
  min-height: 30px;
  max-height: 30px;
  width: 40px;
  flex-grow: 1;
  height: 30px;
  margin: 0px 20px 0px 0px;
  z-index: 2;
}

.boxB {
  background: none rgb(0, 128, 64);
  /*background: none rgb(255, 0, 0);*/
  white-space: pre-wrap;
  overflow: visible;
  font-family: var(--font_default);
  font-size: 16px;
  font-weight: 400;
  color: white;
  text-align: center;
  line-height: 1.4;
  padding: 0px 10px;
  border-radius: 3px;
  opacity: 1;
  align-self: flex-start;
  min-width: 40px;
  max-width: 40px;
  order: 4;
  min-height: 30px;
  max-height: 30px;
  width: 40px;
  flex-grow: 1;
  height: 30px;
  margin: 0px 20px 0px 0px;
  z-index: 2;
}

.boxC {
  background: none rgb(160, 48, 160);
  white-space: pre-wrap;
  overflow: visible;
  font-family: var(--font_default);
  font-size: 16px;
  font-weight: 400;
  color: white;
  text-align: center;
  line-height: 1.4;
  padding: 0px 10px;
  border-radius: 3px;
  opacity: 1;
  align-self: flex-start;
  min-width: 40px;
  max-width: 40px;
  order: 4;
  min-height: 30px;
  max-height: 30px;
  width: 40px;
  flex-grow: 1;
  height: 30px;
  margin: 0px 20px 0px 0px;
  z-index: 2;
}

.colorA{
  color: rgb(255, 128, 0);
}
.colorB{
  color: rgb(0, 128, 64);
}
.colorC{
  color: rgb(160, 48, 160);
}
.logoDici {
  width: 150px;
  text-align: center;
  margin: auto;
  margin-top: 20px;
}

#searchButton {
  width: 98%;
  max-width: 300px;
  margin: auto;
}

.divSearchButton {
  width: 100%;
  text-align: center;
  margin: auto;
}

.searchBox {
  text-align: center !important;
}

/* Item contenitore */
ion-item.ion-text-center {
  --inner-padding-start: 0;
  --inner-padding-end: 0;
  --padding-start: 0;
  --padding-end: 0;
  text-align: center;
}

ion-item.ion-text-center ion-select {
  width: 100%;
  max-width: 100%;
}


ion-item::placeholder {
  text-align: center;
}

ion-select::placeholder {
  text-align: center;
}


#informationDiv {
  display: none !important;
}


.skellIcon {
  height: 100%;
}


.pwa-install-popup {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #698096;
    color: white;
    padding: 15px;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
    z-index: 9999;
    text-align: center;
}

.pwa-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.pwa-buttons {
    display: flex;
    gap: 10px;
}

#pwa-install-btn, #pwa-dismiss-btn {
    background-color: white;
    color: #698096;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    font-weight: bold;
}

#pwa-dismiss-btn {
    background-color: transparent;
    border: 1px solid white;
    color: white;
}


.coloreLogo{
  color:#c07800;
}

.customButton{
  padding: 0px!important;
  margin:0pt;
  margin-right: 4pt;
} 
.skell{
  min-width: 80px!important;
  width: auto;
}


.customButton::part(native) {
  padding: 8pt!important;
}

/* Puoi anche gestire gli stati come l'hover o l'active */
.customButton::part(native):active {
  background-color: rgba(0, 0, 0, 0.1);
}

.skell::part(native) {
  padding: 2px!important;
}

.completeFormTitle{
  font-size: large;
  font-weight: bold;
  text-align: center;
}
.buttonContainer{
    display: flex!important;
}

.italic{
  font-style: italic;
}


#combinationContent{
    max-width: 1000px;
    margin: auto;
}

.absoluteBottom{
  position: absolute;
  bottom: 20px;
  width: 100%;
}


#label-dicia{
  cursor: pointer;
}

.italico{
  font-style: italic;
}





.dici-guide-container h2 {
    text-align: center;
    font-size: 1.15em;
    margin-top: 0;
    margin-bottom: 25px;
}

.dici-guide-container h3 {
    text-align: center;
    font-size: 1.05em;
    margin-top: 25px;
    margin-bottom: 15px;
}

.dici-guide-container p {
    margin-bottom: 15px;
}

.dici-guide-container a {
    color: #0563C1; /* Tonalità blu classica per i link */
    text-decoration: underline;
}

ul > li{
  list-style-type: none;
}
@media (min-width: 1000px) {
  .dici-guide-container {
    max-width: 1000px;
    margin: auto;
  }
}/**
 * Swiper 10.0.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 8, 2023
 */

/* FONT_START */
@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  overflow: clip;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */