:root{--sections-template-bg-color:#ffffff;--sections-template-image-bg-color:#4dafff;--sections-template-title-color:#3d5793;--sections-template-text-bg-color:#f5f5f5;--sections-template-download-color:#EC7000}.sections-template{background-color:var(--sections-template-bg-color);iframe,img{width:100%;max-width:100%}figure{width:100%;margin:0;img{width:100%;height:100%;object-fit:cover}figcaption{width:100%;text-align:left;padding-top:.5em}}.sections-template-layout{display:flex;flex-wrap:wrap;row-gap:1rem;.sections-template-main,.sections-template-sidebar{transition:flex-basis .65s cubic-bezier(.22,1,.36,1),max-width .65s cubic-bezier(.22,1,.36,1),opacity .35s ease,transform .65s cubic-bezier(.22,1,.36,1)}.sections-template-sidebar{&.sidebar-expanded{flex-basis:25%;max-width:25%;opacity:1;transform:translateX(0)}&.sidebar-collapsed{flex-basis:5%;max-width:5%;opacity:1;transform:translateX(0);.sections-template-image-frame{position:-webkit-sticky;position:sticky;top:110px}}.sections-template-image-frame{position:relative;min-height:44px;border:1px solid transparent;.sections-template-image-wrapper{transition:height 1s cubic-bezier(.22,1,.36,1),opacity .5s ease;&.image-expanded{height:150px;opacity:1}&.image-collapsed{height:0;opacity:0}.sections-template-image-surface{background-color:var(--sections-template-image-bg-color);transition:transform .6s ease,opacity .5s ease,filter .5s ease,border-radius .5s ease;will-change:transform,opacity;&.image-surface-expanded{transform:scale(1);opacity:1;filter:blur(0)}&.image-surface-collapsed{transform:scale(.98);opacity:.9;filter:saturate(.95)}}}.sections-template-toggle-overlay{inset:0;z-index:5;border:0!important;border-radius:inherit!important;background:transparent!important;padding:0!important;margin:0!important;display:block!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;box-shadow:none!important;cursor:pointer;transition:background-color .25s ease,opacity .25s ease;&:focus{outline:none}&:focus-visible,&:hover{background:linear-gradient(270deg,rgba(255,255,255,.08),rgba(255,255,255,0))!important;.sections-template-toggle-icon{border:1px solid #ec7000!important;svg{color:#ec7000!important}}}&.toggle-expanded{.sections-template-toggle-icon{right:0;bottom:0;top:auto;transform:translate(0)}}&.toggle-collapsed{.sections-template-toggle-icon{right:0;top:0;bottom:auto;transform:translate(0)}}.sections-template-toggle-icon{width:40px;height:40px;background:#f8f9fa;border:1px solid rgba(0,0,0,.08);border-radius:.5rem;transition:top .45s ease,bottom .45s ease,right .45s ease,transform .45s ease,box-shadow .3s ease,background-color .25s ease}}}.sections-template-title-section{position:-webkit-sticky;position:sticky;top:100px;overflow:hidden;.sections-template-title-content{overflow:hidden;transition:opacity .5s ease,transform .6s ease,max-height 1s ease;&.title-visible{opacity:1;transform:translateY(0);max-height:1200px;pointer-events:auto;visibility:visible}&.title-hidden{opacity:0;transform:translateY(-8px);max-height:0;pointer-events:none}.sections-template-title{color:var(--sections-template-title-color);font-size:2rem}.sections-template-anchors{margin-top:20px;margin-bottom:20px;.list-group-item-action{&:focus{outline:none}&:focus-visible{border:1px solid #ec7000!important}}.sections-template-link{color:var(--sections-template-download-color)}}}}}.sections-template-main{&.main-with-sidebar{flex-basis:75%;max-width:75%}&.main-expanded{flex-basis:91.666667%;max-width:91.666667%}.sections-template-content-section{background:var(--sections-template-text-bg-color);.sections-template-editor-section{scroll-margin-top:115px}}}@media (max-width:1199px){.sections-template-sidebar{&.sidebar-expanded{flex-basis:33.333333%;max-width:33.333333%}&.sidebar-collapsed{flex-basis:8.333333%;max-width:8.333333%}}.sections-template-main{&.main-with-sidebar{flex-basis:66.666667%;max-width:66.666667%}&.main-expanded{flex-basis:91.666667%;max-width:91.666667%}}}}@media (max-width:991px){.sections-template-layout{display:block;.sections-template-main,.sections-template-sidebar{flex-basis:100%!important;max-width:100%!important;transform:none!important;opacity:1!important}}}.flipCard{background-color:transparent;width:200px;height:250px;perspective:1000px;cursor:pointer}.flipCardInner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d}.flipCard.flipped .flipCardInner{transform:rotateY(180deg)}.flipCardBack,.flipCardFront{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;border:1px solid #ccc;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.2)}.flipCardFront{background-color:#007bff;color:white}.flipCardBack{background-color:#f8f9fa;color:black;transform:rotateY(180deg)}}.sections-template-floating-button{position:fixed;top:120px;left:0;z-index:999;display:inline-flex;align-items:center;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.14);background:rgba(12,45,120,.68);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:0;border-top-right-radius:16px;border-bottom-right-radius:16px;min-width:10px;will-change:transform,opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);opacity:0;pointer-events:none;svg{font-size:1.3rem;color:white}}@keyframes mobileFloatingEnter{0%{opacity:0;transform:translate3d(-18px,0,0) scale(.94)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes mobileFloatingExit{0%{opacity:1;transform:translateZ(0) scale(1)}to{opacity:0;transform:translate3d(-18px,0,0) scale(.94)}}.sections-template-floating-button.is-visible{animation:mobileFloatingEnter .34s cubic-bezier(.22,1,.36,1) forwards;pointer-events:auto}.sections-template-floating-button.is-hiding{animation:mobileFloatingExit .26s ease forwards;pointer-events:none}.sections-template-floating-button:hover{transform:scale(1.05)}.sections-template-mobile-overlay{position:fixed;inset:0;z-index:1051;background:rgba(0,0,0,.45)}.sections-template-mobile-drawer{position:fixed;left:0;right:0;bottom:0;z-index:1052;max-height:75vh;overflow-y:auto;padding:1rem;background:#ffffff;border-top-left-radius:1rem;border-top-right-radius:1rem;box-shadow:0 -4px 20px rgba(0,0,0,.15);animation:sections-template-drawer-up .25s ease;.sections-template-link{color:var(--sections-template-download-color);&:hover{color:var(--sections-template-download-color)}}}@keyframes sections-template-drawer-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}