.modal-sdf .scrollbar-inner{max-height:80vh;padding:2rem;overflow-y:auto}.modal-sdf .scrollbar-inner::-webkit-scrollbar{width:8px}.modal-sdf .scrollbar-inner::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modal-sdf .scrollbar-inner::-webkit-scrollbar-thumb{background:#c2c2c2;border-radius:4px}.modal-sdf .scrollbar-inner::-webkit-scrollbar-thumb:hover{background:#919191}.modal-sdf .scrollbar-inner>.scroll-element,.modal-sdf .scrollbar-inner>.scroll-element div{z-index:10;border:none;margin:0;padding:0;position:absolute}.modal-sdf .scrollbar-inner>.scroll-element div{width:100%;height:100%;display:block;top:0;left:0}.modal-sdf .scrollbar-inner>.scroll-element.scroll-x{width:100%;height:8px;bottom:2px;left:0}.modal-sdf .scrollbar-inner>.scroll-element.scroll-y{width:8px;height:100%;top:0;right:2px}.modal-sdf .scrollbar-inner>.scroll-element .scroll-element_outer{overflow:hidden}.modal-sdf .scrollbar-inner>.scroll-element .scroll-element_outer,.modal-sdf .scrollbar-inner>.scroll-element .scroll-element_track,.modal-sdf .scrollbar-inner>.scroll-element .scroll-bar{border-radius:8px}.modal-sdf .scrollbar-inner>.scroll-element .scroll-element_track,.modal-sdf .scrollbar-inner>.scroll-element .scroll-bar{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter:alpha(opacity=40);opacity:.4}.modal-sdf .scrollbar-inner>.scroll-element .scroll-element_track{background-color:#e0e0e0}.modal-sdf .scrollbar-inner>.scroll-element .scroll-bar{background-color:#c2c2c2}.modal-sdf .scrollbar-inner>.scroll-element:hover .scroll-bar,.modal-sdf .scrollbar-inner>.scroll-element.scroll-draggable .scroll-bar{background-color:#919191}.modal-sdf .header-modal-sdf{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.modal-sdf .header-modal-sdf h3{color:#000;margin:0;font-size:1.5rem;font-weight:600}.modal-sdf .add-item{color:#003da5;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:flex-start;align-items:center;gap:.5rem;padding:.5rem;font-size:1rem;font-weight:500;text-decoration:none;transition:background-color .2s;display:flex}.modal-sdf .add-item:hover{background-color:#f0f0f0;text-decoration:none}.modal-sdf.modal-add-component .header-modal-sdf .add-item{color:#003da5;justify-content:flex-start;gap:.5rem;padding:.5rem;font-size:1rem;font-weight:500;display:flex}.modal-sdf .buttons-area{flex-wrap:wrap;justify-content:flex-start;align-items:stretch;gap:.5rem;margin-bottom:1.5rem;display:flex}.modal-sdf .buttons-area .Button-sdf{text-align:left;white-space:normal;cursor:pointer;background-color:#fff;border:1px solid #d4d4d4;border-radius:.25em;width:100%;max-width:32%;margin:0;padding:.75em 1em;font-size:.875rem;font-weight:500;line-height:1.4;transition:background-color .3s,color .3s,border-color .3s,transform .2s;transform:translateY(0);box-shadow:0 0 4px #0003}.modal-sdf .buttons-area .Button-sdf:hover{color:#fff;background:#003da5;border-color:#003da5;transform:translateY(-1px);box-shadow:0 2px 8px #003da526}.modal-sdf .buttons-area .Button-sdf:active{transition-duration:.1s;transform:translateY(0)}@media screen and (max-width:480px){.modal-sdf .buttons-area .Button-sdf{max-width:48%}}.modal-sdf .modal-contenido h4{color:#333;margin-top:1.5rem;margin-bottom:1rem;font-size:1rem;font-weight:600}.modal-sdf .buttons-group h4:first-child{margin-top:0}.modal-sdf .buttons-group h4{color:#333;margin-top:1.5rem;margin-bottom:1rem;font-size:1rem;font-weight:600}.modal-sdf.modal-add-component .modal-contenido .scrollbar-inner{max-height:80vh;padding:2rem}.modal-sdf.modal-add-component .modal-contenido h4{margin-top:1.5rem;font-size:1rem}.modal-sdf.modal-add-component .modal-contenido .buttons-group{background:#eef2fc;border-radius:0 0 1.25rem 1.25rem;margin:2rem -2rem -3rem;padding:2rem 2rem 3rem}.modal-sdf.modal-add-component .modal-contenido .buttons-group h4:first-child{margin-top:0}.modal-sdf.modal-add-component .modal-contenido .buttons-area{flex-wrap:wrap;justify-content:flex-start;align-items:stretch;gap:.5rem;display:flex}.modal-sdf.modal-add-component .modal-contenido .buttons-area .Button-sdf{text-align:left;white-space:normal;background-color:#fff;border:1px solid #d4d4d4;border-radius:.25em;width:100%;max-width:32%;margin:0;padding:.75em 1em;font-size:.875rem;font-weight:500;line-height:1.4;transition:background-color .5s;box-shadow:0 0 4px #0003}.modal-sdf.modal-add-component .modal-contenido .buttons-area .Button-sdf:hover{color:#fff;background:#003da5}@media screen and (max-width:480px){.modal-sdf.modal-add-component .modal-contenido .buttons-area .Button-sdf{max-width:48%}.modal-sdf.modal-add-component .modal-contenido .header-modal-sdf{flex-direction:column;gap:1rem}.modal-sdf.modal-add-component .modal-contenido .header-modal-sdf .add-item{align-self:flex-start}}.modal-sdf .Icon--sdf--plus.Icon-blue{background-image:url(../media/icon-plus-blue.0d1c2371.svg)}.modal-sdf .Icon--sdf--plus.Icon-white{background-image:url(../media/icon-plus-white.6f92ce91.svg)}
main.panel{justify-content:space-between;align-items:stretch;height:calc(100vh - 74px);display:flex;overflow:hidden}main.panel .panel-left,main.panel .panel-right{background-color:#fff;width:20vh;min-width:18rem;max-width:18rem;overflow-y:auto}main.panel .panel-center{background-color:#f2f2f2;flex-grow:1;min-width:0;padding:1rem;overflow:hidden auto}main.panel .panel-center .resp-controls{display:none}main.panel .panel-left .column-title,main.panel .panel-right .column-title{border-bottom:1px solid #f2f2f2;padding:.75rem 1rem;font-size:.875rem;font-weight:500}main.panel .panel-left h1.Form-title,main.panel .panel-right h1.Form-title{margin:0;padding:1.5rem 1rem;font-size:1.125rem;font-weight:500}main.panel .panel-left h2,main.panel .panel-right h2{margin:0;padding:0 1rem 1rem;font-size:1.125rem;line-height:1.4}main.panel .panel-left h3,main.panel .panel-right h3{margin:0;padding:1rem 0 0;font-size:1rem;font-weight:500}main.panel .panel-right{border-left:1px solid #d4d4d4;padding-bottom:4rem}main.panel .panel-left{border-right:1px solid #d4d4d4}main.panel .panel-left .publish-controls{justify-content:flex-start;align-items:center;gap:1rem;padding:0 1rem .5rem;display:flex}main.panel .panel-left .publish-controls .Button-sdf{flex:1 1 0;min-width:0}main.panel .panel-left .add-item{color:#003da5;justify-content:flex-start;gap:.5rem;width:100%;padding:1rem;font-size:1rem;display:flex}main.panel .panel-left .resp-controls-left{display:none}@media (max-width:768px){main.panel .panel-left,main.panel .panel-right{min-width:0;max-width:50%;display:block}}@media (max-width:576px){main.panel .panel-left,main.panel .panel-right{max-width:100%}}@media screen and (max-width:768px){main.panel .panel-center{padding:0 0 2rem;overflow-x:hidden}main.panel .panel-center .resp-controls{z-index:10;justify-content:space-between;width:100%;display:flex;position:absolute;top:1rem;left:0}main.panel .panel-center .resp-controls .control-panel-left{background-color:#0a276e;border-radius:0 4px 4px 0;justify-content:center;align-items:center;padding:4px 4px 4px 1rem;line-height:1;display:flex}main.panel .panel-center .resp-controls .control-panel-right{background-color:#0a276e;border-radius:4px 0 0 4px;justify-content:center;align-items:center;padding:4px 1rem 4px 4px;line-height:1;display:flex}main.panel .panel-right{z-index:100;background:#fff;width:100%;max-width:100%;min-height:calc(100vh - 3.6rem);max-height:calc(100vh - 3.6rem);padding-top:1rem;padding-bottom:6rem;transition:all .3s;position:absolute;top:0;right:-100%;overflow-y:auto}main.panel .panel-right.panel-open{right:0}main.panel .panel-right .resp-controls-right{text-align:left;width:100%;padding-left:1rem;display:block}main.panel .panel-right .resp-controls-right .control-panel-right{text-align:center;background-color:#0a276e;border-radius:4px;width:26px;padding:1px;line-height:1;display:inline-block}main.panel .panel-left{z-index:100;background:#fff;width:100%;max-width:100%;height:calc(100vh - 3.6rem);padding-top:1rem;padding-bottom:5rem;transition:all .3s;position:absolute;top:0;left:-100%;overflow-y:auto}main.panel .panel-left.panel-open{left:0}main.panel .panel-left .resp-controls-left{text-align:right;width:100%;padding-right:1rem;display:block}main.panel .panel-left .resp-controls-left .control-panel-left{text-align:center;background-color:#0a276e;border-radius:4px;width:26px;padding:1px;line-height:1;display:inline-block}}@media screen and (min-width:1367px){main.panel .panel-left,main.panel .panel-right{min-width:18rem;max-width:18rem}}@media screen and (max-width:1367px){main.panel .panel-left,main.panel .panel-right{min-width:18rem;max-width:18rem}}.nav-column-sdf .nav-column-menu-sdf{margin:0;padding:0;list-style:none}.nav-column-sdf .nav-column-menu-sdf ul{margin:0;padding:0;display:none}.nav-column-sdf .nav-column-menu-sdf ul li a.link-contextual-menu{width:1.5rem;height:1.5rem;display:block;position:absolute;top:1rem;right:1rem}.nav-column-sdf .nav-column-menu-sdf ul li.current>a{background-color:#eef2fc}.nav-column-sdf .nav-column-menu-sdf li{margin-left:0;list-style:none;position:relative}.nav-column-sdf .nav-column-menu-sdf li a{color:#444;background-color:#0000;border-bottom:1px solid #f2f2f2;justify-content:flex-start;align-items:center;gap:.25rem;padding:1rem 1rem 1rem 1.5rem;font-size:.75rem;font-weight:500;text-decoration:none;display:flex}.nav-column-sdf .nav-column-menu-sdf li a .nav-label{flex-grow:1}.nav-column-sdf .nav-column-menu-sdf li.active>a>.toggle{border:5px solid #0000;border-top-color:#444;border-bottom-width:0;width:8px;height:4px;margin-left:-.25rem;margin-right:.25rem}.nav-column-sdf .nav-column-menu-sdf li.active>ul{display:block;position:relative}.nav-column-sdf .nav-column-menu-sdf>li>a{font-size:1rem;font-weight:500}.nav-column-sdf .nav-column-menu-sdf .toggle{cursor:pointer;border:5px solid #0000;border-left-color:#444;border-right-width:0;order:-1;width:10px;height:8px}.nav-column-sdf .nav-column-menu-sdf .no-toggle{order:-1;width:12px;height:8px}.nav-column-sdf .nav-column-menu-sdf li a{padding-left:1.5rem}.nav-column-sdf .nav-column-menu-sdf li ul li a{padding-left:2rem}.nav-column-sdf .nav-column-menu-sdf li ul li ul li a{padding-left:2.5rem}.nav-column-sdf .nav-column-menu-sdf li ul li ul li ul li a{padding-left:3rem}.nav-column-sdf .nav-column-menu-sdf li ul li ul li ul li ul li a{padding-left:3.5rem}.nav-column-sdf .nav-column-menu-sdf li ul li ul li ul li ul li ul li a{padding-left:4rem}.nav-column-sdf .nav-column-menu-sdf li ul li ul li ul li ul li ul li ul li a{padding-left:4.5rem}.nav-column-sdf .nav-column-menu-sdf li ul li ul li ul li ul li ul li ul li ul li a{padding-left:5rem}.nav-column-sdf .nav-column-menu-sdf li ul li ul li ul li ul li ul li ul li ul li ul li a{padding-left:5.5rem}.nav-column-sdf .nav-column-menu-sdf li ul li ul li ul li ul li ul li ul li ul li ul li ul li a{padding-left:6rem}.nav-column-sdf .nav-column-menu-sdf li .nav-item-screen,.nav-column-sdf .nav-column-menu-sdf li .nav-item-toggle,.nav-column-sdf .nav-column-menu-sdf li .nav-item-component{font-family:inherit;font-size:inherit;text-align:left;cursor:pointer;color:#444;background:0 0;border:none;border-bottom:1px solid #f2f2f2;justify-content:flex-start;align-items:center;gap:.25rem;width:100%;margin:0;padding:1rem 1rem 1rem 1.5rem;font-weight:500;text-decoration:none;transition:background-color .2s ease-in-out;display:flex}.nav-column-sdf .nav-column-menu-sdf>li>.nav-item-screen,.nav-column-sdf .nav-column-menu-sdf>li>.nav-item-toggle{font-size:1rem;font-weight:500}.nav-column-sdf .nav-column-menu-sdf li button:hover,.nav-column-sdf .nav-column-menu-sdf li button:focus-visible{background-color:#f0f0f0;outline:none}.nav-column-sdf .nav-column-menu-sdf li.current>.nav-item-component{background-color:#eef2fc}