.modal__base{--modal-font-size: var(--scope-modalnavigation-font-size, 18px);--modal-text-color: var(--scope-color-main-color);--modal-text-link: var(--scope-modal-text-color, rgb(59, 28, 28));--modal-content-height: 80vh;--modal-content-grid-area: var(--scope-grid-content-grid-area, 1 / 1 / 1 / 4);--modal-close-btn-padding: var(--scope-layout-margin, 20px);--modal-close-btn-area-size: calc(var(--modal-close-btn-padding) * 3);--modal-close-btn-icon-size: calc(var(--modal-close-btn-padding) * 1.5);--modal-container-animation-open: slide-from-bottom 0.5s forwards;--modal-container-animation-close: slide-to-bottom 0.2s forwards;--modal-overlay-animation-close: fade-overlay 0.3s forwards;display:grid;position:fixed;top:0;left:0;width:100%;height:100%;grid-template-columns:repeat(12, 1fr);overflow-y:scroll;z-index:10000}@media (min-width: 0) and (max-width: 768px){.modal__base{display:flex}}.modal__base--closing .modal__overlay{-webkit-animation:var(--modal-overlay-animation-close);animation:var(--modal-overlay-animation-close)}.modal__base--closing .modal__container{-webkit-animation:var(--modal-container-animation-close);animation:var(--modal-container-animation-close)}.modal__base--flyout{--modal-grid-area-start: calc(13 - var(--modal-grid-area-size));--modal-close-btn-area-size: calc(var(--modal-close-btn-padding) * 2);--modal-close-btn-icon-size: calc(var(--modal-close-btn-padding));--modal-content-height: calc(100vh - var(--modal-close-btn-area-size));--modal-container-animation-open: slide-from-right 0.5s forwards;--modal-container-animation-close: slide-to-right 0.3s forwards;display:grid}@media (min-width: 0) and (max-width: 767px){.modal__base--flyout{--modal-grid-area-size: 12}}.modal__base--flyout .modal__container{display:grid;grid-template-rows:-webkit-max-content auto;grid-template-rows:max-content auto;height:100%}@media (min-width: 0) and (max-width: 767px){.modal__base--flyout .modal__container{grid-column:1 / -1}}@media (min-width: 768px){.modal__base--flyout .modal__container{max-height:100%;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}}.modal__base--flyout .modal__content{padding:var(--scope-modal-content-padding, 0 40px)}.modal--hidden{display:none}.modal__overlay{background:#2d2e32;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.6}.modal__container{position:relative;background-color:var(--scope-modal-background-color, #fff);-webkit-animation:var(--modal-container-animation-open);animation:var(--modal-container-animation-open);grid-column:2 / span 10;display:flex;align-self:flex-start;height:auto;max-height:100%}@media (min-width: 768px){.modal__container{display:grid;align-self:center;grid-template-rows:1fr auto;grid-column:var(--modal-grid-area-start, 2)/span var(--modal-grid-area-size, 10);max-height:var(--modal-content-height)}}.modal__content{overflow:auto;padding:var(--scope-modal-content-padding, 0);max-height:100%;height:auto;-webkit-animation-delay:0.5s;animation-delay:0.5s}.modal__content:not(:focus-within){background-color:var(--c-txt-white);transition:background-color 0.01s ease}@media (min-width: 768px){.modal__content{max-height:var(--modal-content-height)}}.modal__closeBtn{background:transparent;width:var(--modal-close-btn-area-size);height:var(--modal-close-btn-area-size);border:0;cursor:pointer;position:relative;top:10px;right:10px;place-self:end}.modal__closeBtn heliux-icon{--icon-size: var(--modal-close-btn-icon-size)}.modal__closeBtn *{pointer-events:none}@-webkit-keyframes slide-from-bottom{0%{opacity:1;transform:translateY(100vh)}100%{opacity:1;transform:translateY(0)}}@keyframes slide-from-bottom{0%{opacity:1;transform:translateY(100vh)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes slide-to-bottom{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(100vh)}}@keyframes slide-to-bottom{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(100vh)}}@-webkit-keyframes slide-from-right{0%{opacity:1;transform:translateX(100vw)}100%{opacity:1;transform:translateX(0)}}@keyframes slide-from-right{0%{opacity:1;transform:translateX(100vw)}100%{opacity:1;transform:translateX(0)}}@-webkit-keyframes slide-to-right{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(100vw)}}@keyframes slide-to-right{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(100vw)}}@-webkit-keyframes fade-overlay{0%{opacity:0.6}100%{opacity:0}}@keyframes fade-overlay{0%{opacity:0.6}100%{opacity:0}}