From 0cf93fd1779fdb607d040c406ec02defbb5a79f9 Mon Sep 17 00:00:00 2001 From: Fabian Braun Date: Fri, 15 Aug 2025 13:28:39 +0200 Subject: [PATCH] fix: Button group too condensed when using djangocms-admin-style --- djangocms_frontend/static/djangocms_frontend/css/base.css | 2 +- .../static/djangocms_frontend/css/button_group.css | 2 +- private/sass/components/_button-group.scss | 7 +++++++ private/sass/components/_variables.scss | 2 +- 4 files changed, 10 insertions(+), 3 deletions(-) diff --git a/djangocms_frontend/static/djangocms_frontend/css/base.css b/djangocms_frontend/static/djangocms_frontend/css/base.css index e390808e..490678e8 100644 --- a/djangocms_frontend/static/djangocms_frontend/css/base.css +++ b/djangocms_frontend/static/djangocms_frontend/css/base.css @@ -5,4 +5,4 @@ /private/sass instead */ -@charset "UTF-8";[data-theme=auto]{--dca-light-mode:1;--dca-dark-mode:0}@media (prefers-color-scheme:dark){[data-theme=auto]{--dca-light-mode:0;--dca-dark-mode:1}}[data-theme=light]{--dca-light-mode:1;--dca-dark-mode:0}[data-theme=dark]{--dca-light-mode:0;--dca-dark-mode:1}.colM ul:not(.object-tools).nav{margin-top:0;margin-bottom:20px}form ul.djangocms-frontend.nav.nav-pills{margin:0!important;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex}form ul.djangocms-frontend.nav.nav-pills:not(:has(>li:nth-child(2))){display:none}form ul.djangocms-frontend.nav.nav-pills .nav-item{display:inline-block;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:.5rem;margin-inline-end:.5rem;-webkit-margin-after:14px;margin-block-end:14px}form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link{padding:1px 12px;height:30px;line-height:30px;display:inline-block;background-image:none;margin-bottom:0;border-radius:var(--dca-btn-radius,5px);color:var(--body-fg);background-color:var(--body-bg);border:1px solid var(--dca-gray,var(--breadcrumbs-fg,#999));background-clip:padding-box;-webkit-appearance:none}form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.focus,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link:focus{color:var(--body-fg);background-color:color-mix(in srgb,var(--body-bg),var(--body-fg) 5%);border-color:color-mix(in srgb,var(--body-bg),var(--body-fg) 5%);text-decoration:none}form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link:hover{color:var(--body-fg);background-color:color-mix(in srgb,var(--body-bg),var(--body-fg) 10%);border-color:color-mix(in srgb,var(--dca-gray,var(--breadcrumbs-fg,#999)),var(--body-fg) 10%);text-decoration:none}form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.cms-btn-active,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link:active{color:var(--body-fg);background-color:color-mix(in srgb,var(--body-bg),var(--body-fg) 15%);border-color:color-mix(in srgb,var(--dca-gray,var(--breadcrumbs-fg,#999)),var(--body-fg) 15%);-webkit-box-shadow:none;box-shadow:none}form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.cms-btn-active.focus,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.cms-btn-active:focus,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.cms-btn-active:hover,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link:active.focus,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link:active:focus,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link:active:hover{color:var(--body-fg);background-color:color-mix(in srgb,var(--body-bg),var(--body-fg) 20%);border-color:color-mix(in srgb,var(--dca-gray,var(--breadcrumbs-fg,#999)),var(--body-fg) 25%)}form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.cms-btn-active,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link:active{background-image:none}form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.cms-btn-disabled,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.cms-btn-disabled.cms-btn-active,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.cms-btn-disabled.focus,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.cms-btn-disabled:active,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.cms-btn-disabled:focus,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.cms-btn-disabled:hover,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link[disabled],form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link[disabled].cms-btn-active,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link[disabled].focus,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link[disabled]:active,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link[disabled]:focus,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link[disabled]:hover{background-color:color-mix(in srgb,var(--body-bg) 40%,transparent);border-color:color-mix(in srgb,var(--dca-gray,var(--breadcrumbs-fg,#999)) 40%,transparent);color:color-mix(in srgb,var(--body-fg),var(--body-bg) 50%);cursor:not-allowed;-webkit-box-shadow:none;box-shadow:none}form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.cms-btn-disabled.cms-btn-active:before,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.cms-btn-disabled.focus:before,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.cms-btn-disabled:active:before,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.cms-btn-disabled:before,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.cms-btn-disabled:focus:before,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.cms-btn-disabled:hover:before,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link[disabled].cms-btn-active:before,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link[disabled].focus:before,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link[disabled]:active:before,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link[disabled]:before,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link[disabled]:focus:before,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link[disabled]:hover:before{color:color-mix(in srgb,var(--body-fg) 40%,transparent)}form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active{background-image:none;margin-bottom:0;border-radius:var(--dca-btn-radius,5px);color:var(--dca-action-text,var(--body-bg));background-color:var(--dca-action-bg,var(--header-bg));border:1px solid var(--dca-gray,var(--breadcrumbs-fg,#999));background-clip:padding-box;-webkit-appearance:none}form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active.focus,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active:focus{color:var(--dca-action-text,var(--body-bg));background-color:color-mix(in srgb,var(--dca-action-bg,var(--header-bg)),var(--body-fg) 5%);border-color:color-mix(in srgb,var(--dca-action-bg,var(--header-bg)),var(--body-fg) 5%);text-decoration:none}form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active:hover{color:var(--dca-action-text,var(--body-bg));background-color:color-mix(in srgb,var(--dca-action-bg,var(--header-bg)),var(--body-fg) 10%);border-color:color-mix(in srgb,var(--dca-gray,var(--breadcrumbs-fg,#999)),var(--body-fg) 10%);text-decoration:none}form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active.cms-btn-active,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active:active{color:var(--dca-action-text,var(--body-bg));background-color:color-mix(in srgb,var(--dca-action-bg,var(--header-bg)),var(--body-fg) 15%);border-color:color-mix(in srgb,var(--dca-gray,var(--breadcrumbs-fg,#999)),var(--body-fg) 15%);-webkit-box-shadow:none;box-shadow:none}form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active.cms-btn-active.focus,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active.cms-btn-active:focus,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active.cms-btn-active:hover,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active:active.focus,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active:active:focus,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active:active:hover{color:var(--dca-action-text,var(--body-bg));background-color:color-mix(in srgb,var(--dca-action-bg,var(--header-bg)),var(--body-fg) 20%);border-color:color-mix(in srgb,var(--dca-gray,var(--breadcrumbs-fg,#999)),var(--body-fg) 25%)}form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active.cms-btn-active,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active:active{background-image:none}form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active.cms-btn-disabled,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active.cms-btn-disabled.cms-btn-active,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active.cms-btn-disabled.focus,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active.cms-btn-disabled:active,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active.cms-btn-disabled:focus,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active.cms-btn-disabled:hover,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active[disabled],form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active[disabled].cms-btn-active,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active[disabled].focus,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active[disabled]:active,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active[disabled]:focus,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active[disabled]:hover{background-color:color-mix(in srgb,var(--dca-action-bg,var(--header-bg)) 40%,transparent);border-color:color-mix(in srgb,var(--dca-gray,var(--breadcrumbs-fg,#999)) 40%,transparent);color:color-mix(in srgb,var(--dca-action-text,var(--body-bg)),var(--body-bg) 50%);cursor:not-allowed;-webkit-box-shadow:none;box-shadow:none}form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active.cms-btn-disabled.cms-btn-active:before,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active.cms-btn-disabled.focus:before,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active.cms-btn-disabled:active:before,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active.cms-btn-disabled:before,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active.cms-btn-disabled:focus:before,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active.cms-btn-disabled:hover:before,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active[disabled].cms-btn-active:before,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active[disabled].focus:before,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active[disabled]:active:before,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active[disabled]:before,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active[disabled]:focus:before,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active[disabled]:hover:before{color:color-mix(in srgb,var(--dca-action-text,var(--body-bg)) 40%,transparent)}form ul.djangocms-frontend.nav.nav-pills .nav-link{position:relative;text-decoration:none;color:var(--body-fg)}form ul.djangocms-frontend.nav.nav-pills .nav-link span.indicator{display:none;border-radius:50%;padding:.5rem;border:1px solid var(--dca-white,var(--body-bg,var(--body-bg)));-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);inset-block-start:0;inset-inline-start:100%;position:absolute}form ul.djangocms-frontend.nav.nav-pills .nav-link span.indicator.error{background-color:var(--delete-button-bg)}form ul.djangocms-frontend.nav.nav-pills .nav-link span.indicator.attributes{background-color:color-mix(in srgb,var(--dca-action-bg,var(--header-bg)) 50%,var(--body-fg));display:block}form ul.djangocms-frontend.nav.nav-pills .nav-link.error>span.indicator{display:block}.djangocms-frontend.tab-content .tab-pane{display:none}.djangocms-frontend.tab-content .tab-pane.active{display:block}.djangocms-frontend.tab-content .tab-pane>fieldset>h2{display:none}body:not(.djangocms-admin-style) ul.djangocms-frontend.nav-tabs+div.tab-content .tab-pane{border-left-style:solid;border-bottom-style:solid;border-right-style:solid;border-left-color:var(--hairline-color);border-bottom-color:var(--hairline-color);border-right-color:var(--hairline-color);border-width:1px}body:not(.djangocms-admin-style) ul.djangocms-frontend.nav-tabs+div.tab-content .tab-pane fieldset:last-child{margin-bottom:0}div.tab-pk{-ms-flex-item-align:center;align-self:center;color:var(--dca-gray-darker,var(--body-fg));font-size:80%;-webkit-margin-start:auto;margin-inline-start:auto;margin-bottom:14px;display:inline-block}.djangocms-admin-style .colM ul.nav:not(.object-tools):not(.messagelist){margin-top:0}.djangocms-admin-style .colM ul.nav:not(.object-tools):not(.messagelist) li.nav-item{border-top:none}.icon{display:inline-block;vertical-align:top;width:1em;height:1em;background-position:center;background-repeat:no-repeat}.icon svg{display:block;width:100%;height:100%}.icon-info{width:.9em;font-size:110%!important}.icon-white{color:#fff}.icon-white svg{fill:#fff}.icon-black{color:#000}.icon-black svg{fill:#000}.icon-primary{color:#0bf}.icon-primary svg{fill:#0bf}.djangocms-icon .icon>input{float:left;position:relative;top:12px}.djangocms-icon .caret{-webkit-margin-start:8px;margin-inline-start:8px}.aligned .frontend-button-group label{min-width:unset}.frontend-button-group{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-margin-end:1em;margin-inline-end:1em}.frontend-button-group .btn{-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;margin:2px;padding:.375rem .75rem;border-radius:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-color:var(--bs-secondary);-webkit-box-shadow:none;box-shadow:none;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out}.frontend-button-group .btn:hover{-webkit-filter:opacity(.8);filter:opacity(.8)}.frontend-button-group .btn.focus,.frontend-button-group .btn:focus{-webkit-filter:opacity(.85);filter:opacity(.85);text-decoration:none}.frontend-button-group .btn.active{outline:3px solid var(--primary);border-color:#fff!important}.frontend-button-group .btn-default.active{border-radius:0;background-color:var(--dca-action-bg,var(--header-bg))!important}.frontend-button-group-context-colors>div,.frontend-button-group-context-size>div{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:75px}.frontend-button-group-context-colors .btn{-ms-flex-preferred-size:calc(25% - 4px);flex-basis:calc(25% - 4px)}@media (min-width:820px){.frontend-button-group-context-colors .btn{-ms-flex-preferred-size:calc(20% - 4px);flex-basis:calc(20% - 4px)}}.frontend-button-group-icons .icon,.frontend-grid-icons .icon{font-size:24px}.frontend-button-group-icons .icon-flex-align-center,.frontend-button-group-icons .icon-flex-align-end,.frontend-button-group-icons .icon-flex-align-start,.frontend-grid-icons .icon-flex-align-center,.frontend-grid-icons .icon-flex-align-end,.frontend-grid-icons .icon-flex-align-start{-webkit-transform:scale(1.4);transform:scale(1.4)}.frontend-button-group-icons .icon-flex-content-around,.frontend-button-group-icons .icon-flex-content-between,.frontend-grid-icons .icon-flex-content-around,.frontend-grid-icons .icon-flex-content-between{-webkit-transform:scale(1.6);transform:scale(1.6)}.frontend-button-group-icons .icon-flex-self-center,.frontend-button-group-icons .icon-flex-self-end,.frontend-button-group-icons .icon-flex-self-start,.frontend-grid-icons .icon-flex-self-center,.frontend-grid-icons .icon-flex-self-end,.frontend-grid-icons .icon-flex-self-start{-webkit-transform:scale(1.4);transform:scale(1.4)}.frontend-button-group-icons .icon-align-reset,.frontend-button-group-icons .icon-no-selection,.frontend-grid-icons .icon-align-reset,.frontend-grid-icons .icon-no-selection{background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16))}.frontend-button-group-icons .icon-align-items-start,.frontend-button-group-icons .icon-flex-align-start,.frontend-grid-icons .icon-align-items-start,.frontend-grid-icons .icon-flex-align-start{background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));-webkit-transform:scale(1.4);transform:scale(1.4)}.frontend-button-group-icons .icon-align-items-center,.frontend-button-group-icons .icon-flex-align-center,.frontend-grid-icons .icon-align-items-center,.frontend-grid-icons .icon-flex-align-center{background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));-webkit-transform:scale(1.4);transform:scale(1.4)}.frontend-button-group-icons .icon-align-items-end,.frontend-button-group-icons .icon-flex-align-end,.frontend-grid-icons .icon-align-items-end,.frontend-grid-icons .icon-flex-align-end{background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));-webkit-transform:scale(1.4);transform:scale(1.4)}.frontend-button-group-icons .icon-flex-content-start,.frontend-button-group-icons .icon-justify-content-start,.frontend-button-group-icons .icon-start,.frontend-grid-icons .icon-flex-content-start,.frontend-grid-icons .icon-justify-content-start,.frontend-grid-icons .icon-start{background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16))}.frontend-button-group-icons .icon-center,.frontend-button-group-icons .icon-flex-content-center,.frontend-button-group-icons .icon-justify-content-center,.frontend-grid-icons .icon-center,.frontend-grid-icons .icon-flex-content-center,.frontend-grid-icons .icon-justify-content-center{background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16))}.frontend-button-group-icons .icon-end,.frontend-button-group-icons .icon-flex-content-end,.frontend-button-group-icons .icon-justify-content-end,.frontend-grid-icons .icon-end,.frontend-grid-icons .icon-flex-content-end,.frontend-grid-icons .icon-justify-content-end{background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16))}.frontend-button-group-icons .icon-flex-content-around,.frontend-button-group-icons .icon-justify-content-around,.frontend-grid-icons .icon-flex-content-around,.frontend-grid-icons .icon-justify-content-around{background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));-webkit-transform:scale(1.6);transform:scale(1.6)}.frontend-button-group-icons .icon-flex-content-between,.frontend-button-group-icons .icon-justify-content-between,.frontend-grid-icons .icon-flex-content-between,.frontend-grid-icons .icon-justify-content-between{background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));-webkit-transform:scale(1.6);transform:scale(1.6)}.frontend-button-group-icons .icon-nav-fill,.frontend-grid-icons .icon-nav-fill{background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));-webkit-transform:scale(1.4);transform:scale(1.4)}.frontend-button-group-icons .icon-nav-justified,.frontend-grid-icons .icon-nav-justified{background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));-webkit-transform:scale(1.4);transform:scale(1.4)}.frontend-button-group-icons .icon-flex-column,.frontend-grid-icons .icon-flex-column{background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));-webkit-transform:scale(1.4);transform:scale(1.4)}.frontend-button-group-icons .icon-align-self-start,.frontend-button-group-icons .icon-flex-self-start,.frontend-grid-icons .icon-align-self-start,.frontend-grid-icons .icon-flex-self-start{background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));-webkit-transform:scale(1.4);transform:scale(1.4)}.frontend-button-group-icons .icon-align-self-center,.frontend-button-group-icons .icon-flex-self-center,.frontend-grid-icons .icon-align-self-center,.frontend-grid-icons .icon-flex-self-center{background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));-webkit-transform:scale(1.4);transform:scale(1.4)}.frontend-button-group-icons .icon-align-self-end,.frontend-button-group-icons .icon-flex-self-end,.frontend-grid-icons .icon-align-self-end,.frontend-grid-icons .icon-flex-self-end{background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));-webkit-transform:scale(1.4);transform:scale(1.4)}.frontend-button-group-icons .icon-size-sm,.frontend-button-group-icons .icon-size-xs,.frontend-button-group-icons .icon-sm,.frontend-button-group-icons .icon-xs,.frontend-grid-icons .icon-size-sm,.frontend-grid-icons .icon-size-xs,.frontend-grid-icons .icon-sm,.frontend-grid-icons .icon-xs{background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16))}.frontend-button-group-icons .icon-size-sm,.frontend-button-group-icons .icon-sm,.frontend-grid-icons .icon-size-sm,.frontend-grid-icons .icon-sm{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.frontend-button-group-icons .icon-md,.frontend-button-group-icons .icon-size-md,.frontend-grid-icons .icon-md,.frontend-grid-icons .icon-size-md{background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16))}.frontend-button-group-icons .icon-lg,.frontend-button-group-icons .icon-size-lg,.frontend-grid-icons .icon-lg,.frontend-grid-icons .icon-size-lg{background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16))}.frontend-button-group-icons .icon-size-xl,.frontend-button-group-icons .icon-xl,.frontend-grid-icons .icon-size-xl,.frontend-grid-icons .icon-xl{background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16))}.frontend-button-group-icons .icon-size-xxl,.frontend-button-group-icons .icon-xxl,.frontend-grid-icons .icon-size-xxl,.frontend-grid-icons .icon-xxl{background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16))}.frontend-button-group-icons .icon-mb,.frontend-grid-icons .icon-mb{-webkit-transform:scale(1.3);transform:scale(1.3);background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 100));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 100))}.frontend-button-group-icons .icon-me,.frontend-grid-icons .icon-me{-webkit-transform:scale(1.3);transform:scale(1.3);background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 100));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 100))}.frontend-button-group-icons .icon-ms,.frontend-grid-icons .icon-ms{-webkit-transform:scale(1.3);transform:scale(1.3);background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 100));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 100))}.frontend-button-group-icons .icon-mt,.frontend-grid-icons .icon-mt{-webkit-transform:scale(1.3);transform:scale(1.3);background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 100));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 100))}.frontend-button-group-icons .icon-mx,.frontend-grid-icons .icon-mx{-webkit-transform:scale(1.3);transform:scale(1.3);background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 100));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 100))}.frontend-button-group-icons .icon-my,.frontend-grid-icons .icon-my{-webkit-transform:scale(1.3);transform:scale(1.3);background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 100));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 100))}.frontend-button-group-icons .icon-pb,.frontend-grid-icons .icon-pb{-webkit-transform:scale(1.5);transform:scale(1.5);background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 100));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 100))}.frontend-button-group-icons .icon-pe,.frontend-grid-icons .icon-pe{-webkit-transform:scale(1.5);transform:scale(1.5);background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 100));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 100))}.frontend-button-group-icons .icon-ps,.frontend-grid-icons .icon-ps{-webkit-transform:scale(1.5);transform:scale(1.5);background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 100));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 100))}.frontend-button-group-icons .icon-pt,.frontend-grid-icons .icon-pt{-webkit-transform:scale(1.5);transform:scale(1.5);background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 100));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 100))}.frontend-button-group-icons .icon-px,.frontend-grid-icons .icon-px{-webkit-transform:scale(1.5);transform:scale(1.5);background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 100));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 100))}.frontend-button-group-icons .icon-py,.frontend-grid-icons .icon-py{-webkit-transform:scale(1.5);transform:scale(1.5);background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 100));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 100))}.icon-info{background-image:url('data:image/svg+xml;utf8,')}.module{margin:0 0 20px}.djangocms-frontend-row .form-row.field-create .icon{position:absolute;font-size:30px;-webkit-margin-before:28px;margin-block-start:28px;-webkit-margin-start:4px;margin-inline-start:4px}.djangocms-frontend-row .form-row.field-create input[name=create]{width:130px!important;-webkit-padding-end:5px!important;padding-inline-end:5px!important;text-align:start}.djangocms-frontend-column .form-row.field-xs_col label,.djangocms-frontend-column .form-row.field-xs_offset label,.djangocms-frontend-column .form-row.field-xs_order label,.djangocms-frontend-row .form-row.field-row_cols_xs label{color:var(--border-color)!important}.djangocms-frontend-column .form-row.field-xs_col,.djangocms-frontend-column .form-row.field-xs_me,.djangocms-frontend-column .form-row.field-xs_ms,.djangocms-frontend-column .form-row.field-xs_offset,.djangocms-frontend-column .form-row.field-xs_order,.djangocms-frontend-row .form-row.field-row_cols_xs{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0;min-width:800px}.djangocms-frontend-column .form-row.field-xs_col>div>div:not([class]),.djangocms-frontend-column .form-row.field-xs_me>div>div:not([class]),.djangocms-frontend-column .form-row.field-xs_ms>div>div:not([class]),.djangocms-frontend-column .form-row.field-xs_offset>div>div:not([class]),.djangocms-frontend-column .form-row.field-xs_order>div>div:not([class]),.djangocms-frontend-row .form-row.field-row_cols_xs>div>div:not([class]){width:unset!important;max-width:unset!important}.djangocms-frontend-column .form-row.field-xs_col .field-box:first-child,.djangocms-frontend-column .form-row.field-xs_me .field-box:first-child,.djangocms-frontend-column .form-row.field-xs_ms .field-box:first-child,.djangocms-frontend-column .form-row.field-xs_offset .field-box:first-child,.djangocms-frontend-column .form-row.field-xs_order .field-box:first-child,.djangocms-frontend-row .form-row.field-row_cols_xs .field-box:first-child{width:115px!important}.djangocms-frontend-column .form-row.field-xs_col .form-multiline,.djangocms-frontend-column .form-row.field-xs_me .form-multiline,.djangocms-frontend-column .form-row.field-xs_ms .form-multiline,.djangocms-frontend-column .form-row.field-xs_offset .form-multiline,.djangocms-frontend-column .form-row.field-xs_order .form-multiline,.djangocms-frontend-row .form-row.field-row_cols_xs .form-multiline{display:block;white-space:nowrap;margin-bottom:-3px}.djangocms-frontend-column .form-row.field-xs_col .form-multiline>div,.djangocms-frontend-column .form-row.field-xs_me .form-multiline>div,.djangocms-frontend-column .form-row.field-xs_ms .form-multiline>div,.djangocms-frontend-column .form-row.field-xs_offset .form-multiline>div,.djangocms-frontend-column .form-row.field-xs_order .form-multiline>div,.djangocms-frontend-row .form-row.field-row_cols_xs .form-multiline>div{display:inline-block;padding:0}.djangocms-frontend-column .form-row.field-xs_col .field-box,.djangocms-frontend-column .form-row.field-xs_col .fieldBox,.djangocms-frontend-column .form-row.field-xs_me .field-box,.djangocms-frontend-column .form-row.field-xs_me .fieldBox,.djangocms-frontend-column .form-row.field-xs_ms .field-box,.djangocms-frontend-column .form-row.field-xs_ms .fieldBox,.djangocms-frontend-column .form-row.field-xs_offset .field-box,.djangocms-frontend-column .form-row.field-xs_offset .fieldBox,.djangocms-frontend-column .form-row.field-xs_order .field-box,.djangocms-frontend-column .form-row.field-xs_order .fieldBox,.djangocms-frontend-row .form-row.field-row_cols_xs .field-box,.djangocms-frontend-row .form-row.field-row_cols_xs .fieldBox{position:relative;-webkit-box-sizing:content-box;box-sizing:content-box;width:86px!important;-webkit-box-flex:0;-ms-flex:none;flex:none;display:block;padding:15px 10px;margin:0!important;border-bottom:1px solid var(--border-color);float:left!important}.djangocms-frontend-column .form-row.field-xs_col .field-box input:not([type=checkbox]),.djangocms-frontend-column .form-row.field-xs_col .fieldBox input:not([type=checkbox]),.djangocms-frontend-column .form-row.field-xs_me .field-box input:not([type=checkbox]),.djangocms-frontend-column .form-row.field-xs_me .fieldBox input:not([type=checkbox]),.djangocms-frontend-column .form-row.field-xs_ms .field-box input:not([type=checkbox]),.djangocms-frontend-column .form-row.field-xs_ms .fieldBox input:not([type=checkbox]),.djangocms-frontend-column .form-row.field-xs_offset .field-box input:not([type=checkbox]),.djangocms-frontend-column .form-row.field-xs_offset .fieldBox input:not([type=checkbox]),.djangocms-frontend-column .form-row.field-xs_order .field-box input:not([type=checkbox]),.djangocms-frontend-column .form-row.field-xs_order .fieldBox input:not([type=checkbox]),.djangocms-frontend-row .form-row.field-row_cols_xs .field-box input:not([type=checkbox]),.djangocms-frontend-row .form-row.field-row_cols_xs .fieldBox input:not([type=checkbox]){text-align:end;-webkit-padding-end:5px!important;padding-inline-end:5px!important;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.djangocms-frontend-column .form-row.field-xs_col .field-box label,.djangocms-frontend-column .form-row.field-xs_col .fieldBox label,.djangocms-frontend-column .form-row.field-xs_me .field-box label,.djangocms-frontend-column .form-row.field-xs_me .fieldBox label,.djangocms-frontend-column .form-row.field-xs_ms .field-box label,.djangocms-frontend-column .form-row.field-xs_ms .fieldBox label,.djangocms-frontend-column .form-row.field-xs_offset .field-box label,.djangocms-frontend-column .form-row.field-xs_offset .fieldBox label,.djangocms-frontend-column .form-row.field-xs_order .field-box label,.djangocms-frontend-column .form-row.field-xs_order .fieldBox label,.djangocms-frontend-row .form-row.field-row_cols_xs .field-box label,.djangocms-frontend-row .form-row.field-row_cols_xs .fieldBox label{font-size:12px!important;font-weight:400!important;position:absolute;inset-inline-start:15px;inset-block-end:17px;text-transform:lowercase}.djangocms-frontend-column .form-row.field-xs_col .field-box .disabled,.djangocms-frontend-column .form-row.field-xs_col .fieldBox .disabled,.djangocms-frontend-column .form-row.field-xs_me .field-box .disabled,.djangocms-frontend-column .form-row.field-xs_me .fieldBox .disabled,.djangocms-frontend-column .form-row.field-xs_ms .field-box .disabled,.djangocms-frontend-column .form-row.field-xs_ms .fieldBox .disabled,.djangocms-frontend-column .form-row.field-xs_offset .field-box .disabled,.djangocms-frontend-column .form-row.field-xs_offset .fieldBox .disabled,.djangocms-frontend-column .form-row.field-xs_order .field-box .disabled,.djangocms-frontend-column .form-row.field-xs_order .fieldBox .disabled,.djangocms-frontend-row .form-row.field-row_cols_xs .field-box .disabled,.djangocms-frontend-row .form-row.field-row_cols_xs .fieldBox .disabled{color:var(--border-color);background:var(--border-color)}.djangocms-frontend-column .form-row.field-xs_col .field-box:last-child,.djangocms-frontend-column .form-row.field-xs_col .fieldBox:last-child,.djangocms-frontend-column .form-row.field-xs_me .field-box:last-child,.djangocms-frontend-column .form-row.field-xs_me .fieldBox:last-child,.djangocms-frontend-column .form-row.field-xs_ms .field-box:last-child,.djangocms-frontend-column .form-row.field-xs_ms .fieldBox:last-child,.djangocms-frontend-column .form-row.field-xs_offset .field-box:last-child,.djangocms-frontend-column .form-row.field-xs_offset .fieldBox:last-child,.djangocms-frontend-column .form-row.field-xs_order .field-box:last-child,.djangocms-frontend-column .form-row.field-xs_order .fieldBox:last-child,.djangocms-frontend-row .form-row.field-row_cols_xs .field-box:last-child,.djangocms-frontend-row .form-row.field-row_cols_xs .fieldBox:last-child{-webkit-border-end:none;border-inline-end:none}.djangocms-frontend-column .form-row.field-xs_col .errors,.djangocms-frontend-column .form-row.field-xs_me .errors,.djangocms-frontend-column .form-row.field-xs_ms .errors,.djangocms-frontend-column .form-row.field-xs_offset .errors,.djangocms-frontend-column .form-row.field-xs_order .errors,.djangocms-frontend-row .form-row.field-row_cols_xs .errors{margin-bottom:0}.djangocms-frontend-column .form-row.field-xs_col.field-xs_me .field-box,.djangocms-frontend-column .form-row.field-xs_me.field-xs_me .field-box,.djangocms-frontend-column .form-row.field-xs_ms.field-xs_me .field-box,.djangocms-frontend-column .form-row.field-xs_offset.field-xs_me .field-box,.djangocms-frontend-column .form-row.field-xs_order.field-xs_me .field-box,.djangocms-frontend-row .form-row.field-row_cols_xs.field-xs_me .field-box{border-bottom:none}.djangocms-frontend-column .form-row.field-xs_col .field-box-label,.djangocms-frontend-column .form-row.field-xs_me .field-box-label,.djangocms-frontend-column .form-row.field-xs_ms .field-box-label,.djangocms-frontend-column .form-row.field-xs_offset .field-box-label,.djangocms-frontend-column .form-row.field-xs_order .field-box-label,.djangocms-frontend-row .form-row.field-row_cols_xs .field-box-label{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:auto;color:#999}.djangocms-frontend-column .form-row.field-xs_col .field-box-label a,.djangocms-frontend-column .form-row.field-xs_me .field-box-label a,.djangocms-frontend-column .form-row.field-xs_ms .field-box-label a,.djangocms-frontend-column .form-row.field-xs_offset .field-box-label a,.djangocms-frontend-column .form-row.field-xs_order .field-box-label a,.djangocms-frontend-row .form-row.field-row_cols_xs .field-box-label a{width:100%;margin-top:auto;color:#999}.djangocms-frontend-column .form-row.field-xs_col .field-box-label a a,.djangocms-frontend-column .form-row.field-xs_me .field-box-label a a,.djangocms-frontend-column .form-row.field-xs_ms .field-box-label a a,.djangocms-frontend-column .form-row.field-xs_offset .field-box-label a a,.djangocms-frontend-column .form-row.field-xs_order .field-box-label a a,.djangocms-frontend-row .form-row.field-row_cols_xs .field-box-label a a{width:100%;margin-top:auto}.djangocms-frontend-column .form-row.field-xs_col .field-lg_me,.djangocms-frontend-column .form-row.field-xs_col .field-lg_ms,.djangocms-frontend-column .form-row.field-xs_col .field-md_me,.djangocms-frontend-column .form-row.field-xs_col .field-md_ms,.djangocms-frontend-column .form-row.field-xs_col .field-sm_me,.djangocms-frontend-column .form-row.field-xs_col .field-sm_ms,.djangocms-frontend-column .form-row.field-xs_col .field-xl_me,.djangocms-frontend-column .form-row.field-xs_col .field-xl_ms,.djangocms-frontend-column .form-row.field-xs_col .field-xs_me,.djangocms-frontend-column .form-row.field-xs_col .field-xs_ms,.djangocms-frontend-column .form-row.field-xs_col .field-xxl_me,.djangocms-frontend-column .form-row.field-xs_col .field-xxl_ms,.djangocms-frontend-column .form-row.field-xs_me .field-lg_me,.djangocms-frontend-column .form-row.field-xs_me .field-lg_ms,.djangocms-frontend-column .form-row.field-xs_me .field-md_me,.djangocms-frontend-column .form-row.field-xs_me .field-md_ms,.djangocms-frontend-column .form-row.field-xs_me .field-sm_me,.djangocms-frontend-column .form-row.field-xs_me .field-sm_ms,.djangocms-frontend-column .form-row.field-xs_me .field-xl_me,.djangocms-frontend-column .form-row.field-xs_me .field-xl_ms,.djangocms-frontend-column .form-row.field-xs_me .field-xs_me,.djangocms-frontend-column .form-row.field-xs_me .field-xs_ms,.djangocms-frontend-column .form-row.field-xs_me .field-xxl_me,.djangocms-frontend-column .form-row.field-xs_me .field-xxl_ms,.djangocms-frontend-column .form-row.field-xs_ms .field-lg_me,.djangocms-frontend-column .form-row.field-xs_ms .field-lg_ms,.djangocms-frontend-column .form-row.field-xs_ms .field-md_me,.djangocms-frontend-column .form-row.field-xs_ms .field-md_ms,.djangocms-frontend-column .form-row.field-xs_ms .field-sm_me,.djangocms-frontend-column .form-row.field-xs_ms .field-sm_ms,.djangocms-frontend-column .form-row.field-xs_ms .field-xl_me,.djangocms-frontend-column .form-row.field-xs_ms .field-xl_ms,.djangocms-frontend-column .form-row.field-xs_ms .field-xs_me,.djangocms-frontend-column .form-row.field-xs_ms .field-xs_ms,.djangocms-frontend-column .form-row.field-xs_ms .field-xxl_me,.djangocms-frontend-column .form-row.field-xs_ms .field-xxl_ms,.djangocms-frontend-column .form-row.field-xs_offset .field-lg_me,.djangocms-frontend-column .form-row.field-xs_offset .field-lg_ms,.djangocms-frontend-column .form-row.field-xs_offset .field-md_me,.djangocms-frontend-column .form-row.field-xs_offset .field-md_ms,.djangocms-frontend-column .form-row.field-xs_offset .field-sm_me,.djangocms-frontend-column .form-row.field-xs_offset .field-sm_ms,.djangocms-frontend-column .form-row.field-xs_offset .field-xl_me,.djangocms-frontend-column .form-row.field-xs_offset .field-xl_ms,.djangocms-frontend-column .form-row.field-xs_offset .field-xs_me,.djangocms-frontend-column .form-row.field-xs_offset .field-xs_ms,.djangocms-frontend-column .form-row.field-xs_offset .field-xxl_me,.djangocms-frontend-column .form-row.field-xs_offset .field-xxl_ms,.djangocms-frontend-column .form-row.field-xs_order .field-lg_me,.djangocms-frontend-column .form-row.field-xs_order .field-lg_ms,.djangocms-frontend-column .form-row.field-xs_order .field-md_me,.djangocms-frontend-column .form-row.field-xs_order .field-md_ms,.djangocms-frontend-column .form-row.field-xs_order .field-sm_me,.djangocms-frontend-column .form-row.field-xs_order .field-sm_ms,.djangocms-frontend-column .form-row.field-xs_order .field-xl_me,.djangocms-frontend-column .form-row.field-xs_order .field-xl_ms,.djangocms-frontend-column .form-row.field-xs_order .field-xs_me,.djangocms-frontend-column .form-row.field-xs_order .field-xs_ms,.djangocms-frontend-column .form-row.field-xs_order .field-xxl_me,.djangocms-frontend-column .form-row.field-xs_order .field-xxl_ms,.djangocms-frontend-row .form-row.field-row_cols_xs .field-lg_me,.djangocms-frontend-row .form-row.field-row_cols_xs .field-lg_ms,.djangocms-frontend-row .form-row.field-row_cols_xs .field-md_me,.djangocms-frontend-row .form-row.field-row_cols_xs .field-md_ms,.djangocms-frontend-row .form-row.field-row_cols_xs .field-sm_me,.djangocms-frontend-row .form-row.field-row_cols_xs .field-sm_ms,.djangocms-frontend-row .form-row.field-row_cols_xs .field-xl_me,.djangocms-frontend-row .form-row.field-row_cols_xs .field-xl_ms,.djangocms-frontend-row .form-row.field-row_cols_xs .field-xs_me,.djangocms-frontend-row .form-row.field-row_cols_xs .field-xs_ms,.djangocms-frontend-row .form-row.field-row_cols_xs .field-xxl_me,.djangocms-frontend-row .form-row.field-row_cols_xs .field-xxl_ms{text-align:start}.djangocms-frontend-column .form-row.field-xs_col .field-lg_me label,.djangocms-frontend-column .form-row.field-xs_col .field-lg_ms label,.djangocms-frontend-column .form-row.field-xs_col .field-md_me label,.djangocms-frontend-column .form-row.field-xs_col .field-md_ms label,.djangocms-frontend-column .form-row.field-xs_col .field-sm_me label,.djangocms-frontend-column .form-row.field-xs_col .field-sm_ms label,.djangocms-frontend-column .form-row.field-xs_col .field-xl_me label,.djangocms-frontend-column .form-row.field-xs_col .field-xl_ms label,.djangocms-frontend-column .form-row.field-xs_col .field-xs_me label,.djangocms-frontend-column .form-row.field-xs_col .field-xs_ms label,.djangocms-frontend-column .form-row.field-xs_col .field-xxl_me label,.djangocms-frontend-column .form-row.field-xs_col .field-xxl_ms label,.djangocms-frontend-column .form-row.field-xs_me .field-lg_me label,.djangocms-frontend-column .form-row.field-xs_me .field-lg_ms label,.djangocms-frontend-column .form-row.field-xs_me .field-md_me label,.djangocms-frontend-column .form-row.field-xs_me .field-md_ms label,.djangocms-frontend-column .form-row.field-xs_me .field-sm_me label,.djangocms-frontend-column .form-row.field-xs_me .field-sm_ms label,.djangocms-frontend-column .form-row.field-xs_me .field-xl_me label,.djangocms-frontend-column .form-row.field-xs_me .field-xl_ms label,.djangocms-frontend-column .form-row.field-xs_me .field-xs_me label,.djangocms-frontend-column .form-row.field-xs_me .field-xs_ms label,.djangocms-frontend-column .form-row.field-xs_me .field-xxl_me label,.djangocms-frontend-column .form-row.field-xs_me .field-xxl_ms label,.djangocms-frontend-column .form-row.field-xs_ms .field-lg_me label,.djangocms-frontend-column .form-row.field-xs_ms .field-lg_ms label,.djangocms-frontend-column .form-row.field-xs_ms .field-md_me label,.djangocms-frontend-column .form-row.field-xs_ms .field-md_ms label,.djangocms-frontend-column .form-row.field-xs_ms .field-sm_me label,.djangocms-frontend-column .form-row.field-xs_ms .field-sm_ms label,.djangocms-frontend-column .form-row.field-xs_ms .field-xl_me label,.djangocms-frontend-column .form-row.field-xs_ms .field-xl_ms label,.djangocms-frontend-column .form-row.field-xs_ms .field-xs_me label,.djangocms-frontend-column .form-row.field-xs_ms .field-xs_ms label,.djangocms-frontend-column .form-row.field-xs_ms .field-xxl_me label,.djangocms-frontend-column .form-row.field-xs_ms .field-xxl_ms label,.djangocms-frontend-column .form-row.field-xs_offset .field-lg_me label,.djangocms-frontend-column .form-row.field-xs_offset .field-lg_ms label,.djangocms-frontend-column .form-row.field-xs_offset .field-md_me label,.djangocms-frontend-column .form-row.field-xs_offset .field-md_ms label,.djangocms-frontend-column .form-row.field-xs_offset .field-sm_me label,.djangocms-frontend-column .form-row.field-xs_offset .field-sm_ms label,.djangocms-frontend-column .form-row.field-xs_offset .field-xl_me label,.djangocms-frontend-column .form-row.field-xs_offset .field-xl_ms label,.djangocms-frontend-column .form-row.field-xs_offset .field-xs_me label,.djangocms-frontend-column .form-row.field-xs_offset .field-xs_ms label,.djangocms-frontend-column .form-row.field-xs_offset .field-xxl_me label,.djangocms-frontend-column .form-row.field-xs_offset .field-xxl_ms label,.djangocms-frontend-column .form-row.field-xs_order .field-lg_me label,.djangocms-frontend-column .form-row.field-xs_order .field-lg_ms label,.djangocms-frontend-column .form-row.field-xs_order .field-md_me label,.djangocms-frontend-column .form-row.field-xs_order .field-md_ms label,.djangocms-frontend-column .form-row.field-xs_order .field-sm_me label,.djangocms-frontend-column .form-row.field-xs_order .field-sm_ms label,.djangocms-frontend-column .form-row.field-xs_order .field-xl_me label,.djangocms-frontend-column .form-row.field-xs_order .field-xl_ms label,.djangocms-frontend-column .form-row.field-xs_order .field-xs_me label,.djangocms-frontend-column .form-row.field-xs_order .field-xs_ms label,.djangocms-frontend-column .form-row.field-xs_order .field-xxl_me label,.djangocms-frontend-column .form-row.field-xs_order .field-xxl_ms label,.djangocms-frontend-row .form-row.field-row_cols_xs .field-lg_me label,.djangocms-frontend-row .form-row.field-row_cols_xs .field-lg_ms label,.djangocms-frontend-row .form-row.field-row_cols_xs .field-md_me label,.djangocms-frontend-row .form-row.field-row_cols_xs .field-md_ms label,.djangocms-frontend-row .form-row.field-row_cols_xs .field-sm_me label,.djangocms-frontend-row .form-row.field-row_cols_xs .field-sm_ms label,.djangocms-frontend-row .form-row.field-row_cols_xs .field-xl_me label,.djangocms-frontend-row .form-row.field-row_cols_xs .field-xl_ms label,.djangocms-frontend-row .form-row.field-row_cols_xs .field-xs_me label,.djangocms-frontend-row .form-row.field-row_cols_xs .field-xs_ms label,.djangocms-frontend-row .form-row.field-row_cols_xs .field-xxl_me label,.djangocms-frontend-row .form-row.field-row_cols_xs .field-xxl_ms label{inset-inline-start:30px;inset-block-start:14px}.grid-reset{position:absolute;inset-inline-end:5px;inset-block-start:0}.icon-thead{text-align:center;margin-bottom:15px}.icon-thead .icon{font-size:30px}.icon-thead .icon-size-sm{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.icon-title{display:block;font-size:12px;color:#999;padding:5px 0 0}.djangocms-frontend-blockquote textarea{height:110px}#id_link_type{padding:0;margin:0;border:none}#id_link_type li{padding:0;margin:0 15px 5px 0;border:none}#id_link_type label input{position:relative;top:-4px}a[data-pk]{position:relative}a[data-pk]:after{content:attr(data-pk);visibility:hidden;width:auto;font-weight:400;font-size:80%;background-color:var(--dca-white,var(--body-fg));color:var(--dca-gray,var(--body-fg));border:solid 1px var(--dca-gray,var(--body-fg));text-align:center;padding:5px 10px;position:absolute;z-index:1;top:110%;inset-inline-start:50%;-webkit-margin-start:-50%;margin-inline-start:-50%}a[data-pk]:hover:after{visibility:visible}.djangocms-admin-style .form-row.field-plugin_title input[name=plugin_title_0]{margin-bottom:.5em!important}.djangocms-admin-style .form-row.field-plugin_title input[name=plugin_title_1]{width:calc(100% - 2em)!important}body:not(.djangocms-admin-style) .form-row.field-plugin_title input[name=plugin_title_1]{width:calc(100% - 200px - 1em)!important;-webkit-margin-start:1em;margin-inline-start:1em}.frontend-icon-picker{text-align:center;display:inline-block}.frontend-icon-picker .icon-container{position:relative;margin:.5em auto;width:7em;height:7em;border:1px var(--dca-gray-light,var(--border-color,#d3d3d3)) solid;-webkit-transition:background-color .15s,color .15s;transition:background-color .15s,color .15s}.frontend-icon-picker .icon-container .icon-preview{width:7em;height:7em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.frontend-icon-picker .icon-container .icon-preview .icon-box{font-size:500%;line-height:1.3;margin:0;text-align:center}.frontend-icon-picker .icon-container .icon-preview .icon-box i,.frontend-icon-picker .icon-container .icon-preview .icon-box span{font-size:unset}.frontend-icon-picker .icon-container .icon-preview .empty-box{text-align:center;overflow:hidden;text-overflow:ellipsis;line-height:1;font-size:100%}.frontend-icon-picker .icon-container .icon-preview .empty-box.hidden{display:none}.frontend-icon-picker .icon-container .icon-preview:hover{background:var(--dca-gray-light,var(--border-color,#d3d3d3));cursor:pointer}.frontend-icon-picker .icon-container .icon-close-indicator{display:block;border-radius:50%;color:var(--dca-black,var(--body-fg,var(--body-fg)));background-color:var(--dca-white,var(--body-bg,var(--body-bg)));padding:.3rem;border:1px solid var(--dca-black,var(--body-fg,var(--body-fg)));-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:0;inset-inline-start:100%;width:.6em;height:.6em;line-height:.5em;position:absolute;-webkit-transition:background-color .15s;transition:background-color .15s}.frontend-icon-picker .icon-container .icon-close-indicator:before{content:"×"}.frontend-icon-picker .icon-container .icon-close-indicator:hover{background:var(--delete-button-bg,red);color:var(--delete-button-fg,#fff);cursor:pointer}.uip-modal{position:fixed;height:100%;width:100%;inset-block-end:0;inset-inline-start:0;background-color:rgba(0,0,0,.8);z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.uip-modal *,.uip-modal :after,.uip-modal :before{-webkit-box-sizing:border-box;box-sizing:border-box}.uip-modal.uip-close{opacity:0;visibility:hidden;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.uip-modal.uip-open{opacity:1;visibility:visible;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.uip-modal .uip-modal--content{position:absolute;border-radius:3px;-webkit-box-shadow:2px 8px 23px 3px rgba(0,0,0,.2);box-shadow:2px 8px 23px 3px rgba(0,0,0,.2);overflow:hidden;font-family:Roboto,Arial,Helvetica,Verdana,sans-serif;background-color:var(--dca-gray-lightest,var(--darkened-bg,#f8f8f8));width:100%;margin:auto;left:0;right:0;margin-bottom:2em}.uip-modal .uip-modal--content .uip-modal--header{padding:15px 15px;background-color:var(--dca-white,var(--bg-color,#fff));-webkit-box-shadow:0 0 8px rgba(0,0,0,.1);box-shadow:0 0 8px rgba(0,0,0,.1);position:relative;z-index:1;font-size:15px;color:var(--dca-gray,var(--body-quiet-color,#666));font-weight:500;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.uip-modal .uip-modal--content .uip-modal--header .uip-modal--header-logo-title{padding-top:2px;line-height:1;text-transform:uppercase;font-weight:700;cursor:pointer}.uip-modal .uip-modal--content .uip-modal--header .uip-modal--header-close-btn{cursor:pointer}.uip-modal .uip-modal--content .uip-modal--body{font-size:12px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;height:70vh;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:50px;max-height:85vh;overflow:auto}.uip-modal .uip-modal--content .uip-modal--body .uip-modal--sidebar{-ms-flex-negative:0;flex-shrink:0;max-width:25%}.uip-modal .uip-modal--content .uip-modal--body .uip-modal--sidebar .uip-modal--sidebar-tabs{margin-top:30px}.uip-modal .uip-modal--content .uip-modal--body .uip-modal--sidebar .uip-modal--sidebar-tabs .uip-modal--sidebar-tab-item{padding:15px;font-size:14px;color:var(--dca-gray,var(--body-quiet-color,#666));text-align:start;cursor:pointer;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-transform:capitalize}.uip-modal .uip-modal--content .uip-modal--body .uip-modal--sidebar .uip-modal--sidebar-tabs .uip-modal--sidebar-tab-item i{font-size:20px;-webkit-padding-end:15px;padding-inline-end:15px;color:var(--dca-gray-lighter,var(--border-color,#ccc))}.uip-modal .uip-modal--content .uip-modal--body .uip-modal--sidebar .uip-modal--sidebar-tabs .uip-modal--sidebar-tab-item img{-webkit-padding-end:15px;padding-inline-end:15px}.uip-modal .uip-modal--content .uip-modal--body .uip-modal--sidebar .uip-modal--sidebar-tabs .uip-modal--sidebar-tab-item.universal-active{background-color:var(--dca-white,var(--bg-color,#fff));-webkit-box-shadow:0 6px 20px 0 rgba(0,0,0,.1);box-shadow:0 6px 20px 0 rgba(0,0,0,.1)}.uip-modal .uip-modal--content .uip-modal--body .uip-modal--sidebar .uip-modal--sidebar-tabs .uip-modal--sidebar-tab-item.universal-active:after{content:"";position:absolute;height:100%;width:5px;inset-block-start:0;inset-inline-start:0;background-color:var(--dca-action-bg,var(--header-bg))}.uip-modal .uip-modal--content .uip-modal--body .uip-modal--sidebar .uip-modal--sidebar-tabs .uip-modal--sidebar-tab-item.universal-active i{color:var(--dca-action-bg,var(--header-bg))}.uip-modal .uip-modal--content .uip-modal--body .uip-modal--sidebar .uip-modal--sidebar-tabs .uip-modal--sidebar-tab-item:only-child{display:none}.uip-modal .uip-modal--content .uip-modal--body .uip-modal--icon-preview-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:30px 80px 0;width:100%}.uip-modal .uip-modal--content .uip-modal--body .uip-modal--icon-preview-wrap .uip-modal--icon-preview-inner{overflow:auto;margin:25px -15px 0;padding:0 15px 15px}.uip-modal .uip-modal--content .uip-modal--body .uip-modal--icon-preview-wrap .uip-modal--icon-preview-inner .uip-modal--icon-preview{display:grid;grid-gap:20px;margin:20px 0}.uip-modal .uip-modal--content .uip-modal--body .uip-modal--icon-preview-wrap .uip-modal--icon-preview-inner .uip-modal--icon-preview .uip-icon-item{position:relative;padding:10px;background-color:var(--dca-white,var(--bg-color,#fff));-webkit-box-shadow:0 1px 12px rgba(0,0,0,.05);box-shadow:0 1px 12px rgba(0,0,0,.05);border-radius:3px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;overflow:hidden}.uip-modal .uip-modal--content .uip-modal--body .uip-modal--icon-preview-wrap .uip-modal--icon-preview-inner .uip-modal--icon-preview .uip-icon-item:hover{-webkit-box-shadow:0 1px 14px rgba(0,0,0,.16);box-shadow:0 1px 14px rgba(0,0,0,.16)}.uip-modal .uip-modal--content .uip-modal--body .uip-modal--icon-preview-wrap .uip-modal--icon-preview-inner .uip-modal--icon-preview .uip-icon-item.universal-selected{-webkit-box-shadow:0 1px 12px rgba(0,0,0,.05),0 0 0 3px var(--dca-action-bg,var(--header-bg));box-shadow:0 1px 12px rgba(0,0,0,.05),0 0 0 3px var(--dca-action-bg,var(--header-bg))}.uip-modal .uip-modal--content .uip-modal--body .uip-modal--icon-preview-wrap .uip-modal--icon-preview-inner .uip-modal--icon-preview .uip-icon-item .uip-icon-item-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:1px}.uip-modal .uip-modal--content .uip-modal--body .uip-modal--icon-preview-wrap .uip-modal--icon-preview-inner .uip-modal--icon-preview .uip-icon-item .uip-icon-item-inner .uip-icon-item__icon,.uip-modal .uip-modal--content .uip-modal--body .uip-modal--icon-preview-wrap .uip-modal--icon-preview-inner .uip-modal--icon-preview .uip-icon-item .uip-icon-item-inner i{font-size:25px;color:var(--dca-gray-darkest,var(--body-fg,#333))}.uip-modal .uip-modal--content .uip-modal--body .uip-modal--icon-preview-wrap .uip-modal--icon-preview-inner .uip-modal--icon-preview .uip-icon-item .uip-icon-item-inner .uip-icon-item-name{color:var(--dca-gray,var(--body-quiet-color,#666));font-size:11px;padding:13px 0 0;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-transform:capitalize}.uip-modal .uip-modal--content .uip-modal--body .uip-modal--icon-preview-wrap .uip-modal--icon-search{position:relative}.uip-modal .uip-modal--content .uip-modal--body .uip-modal--icon-preview-wrap .uip-modal--icon-search input{width:100%;padding:8px 15px;background-color:var(--dca-white,var(--bg-color,#fff));border:none}.uip-modal .uip-modal--content .uip-modal--body .uip-modal--icon-preview-wrap .uip-modal--icon-search input::-webkit-input-placeholder{font-style:italic}.uip-modal .uip-modal--content .uip-modal--body .uip-modal--icon-preview-wrap .uip-modal--icon-search input::-moz-placeholder{font-style:italic}.uip-modal .uip-modal--content .uip-modal--body .uip-modal--icon-preview-wrap .uip-modal--icon-search input:-ms-input-placeholder{font-style:italic}.uip-modal .uip-modal--content .uip-modal--body .uip-modal--icon-preview-wrap .uip-modal--icon-search input::-ms-input-placeholder{font-style:italic}.uip-modal .uip-modal--content .uip-modal--body .uip-modal--icon-preview-wrap .uip-modal--icon-search input::placeholder{font-style:italic}.uip-modal .uip-modal--content .uip-modal--body .uip-modal--icon-preview-wrap .uip-modal--icon-search img{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);inset-inline-end:10px}.uip-modal .uip-modal--footer{border-top:1px solid var(--dca-gray-lighter,var(--border-color,#ccc));text-align:center;background-color:var(--dca-white,var(--bg-color,#fff));border:none;display:none;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:5px;-webkit-box-shadow:0 0 8px rgba(0,0,0,.1);box-shadow:0 0 8px rgba(0,0,0,.1);position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.uip-modal .uip-modal--footer button.uip-insert-icon-button{padding:10px 35px!important;color:var(--dca-action-text,var(--body-bg))!important;background-color:var(--dca-action-bg,var(--header-bg))!important;border:none;cursor:pointer;outline:0}.uip-modal .uip-modal--footer .universal-button{height:40px;-webkit-margin-start:5px;margin-inline-start:5px}.uip-modal .uip-modal--footer .universal-button-success{padding:12px 36px;color:var(--dca-white,var(--bg-color,#fff));width:initial}.uip-modal .uip-modal--footer .universal-button-success:hover{background-color:var(--dca-action-bg,var(--header-bg))}@media (min-width:1440px){body:not(.cms-admin-modal) .uip-modal .uip-modal--content{max-width:1200px}}@media (max-width:1439px){body:not(.cms-admin-modal) .uip-modal .uip-modal--content{max-width:990px}.uip-modal--icon-preview-wrap{padding:30px 50px 0}}@media (max-width:1023px){body:not(.cms-admin-modal) .uip-modal .uip-modal--content{max-width:740px}}@media (max-width:767px){.uip-modal--icon-preview-wrap{padding:15px!important}.uip-modal--sidebar{display:none}}@media (min-width:1440px){.uip-modal--icon-preview{grid-template-columns:repeat(7,1fr)}}@media (max-width:1439px){.uip-modal--icon-preview{grid-template-columns:repeat(6,1fr)}}@media (max-width:1024px){.uip-modal--icon-preview{grid-template-columns:repeat(5,1fr)}}@media (max-width:767px){.uip-modal--icon-preview{grid-template-columns:repeat(4,1fr)}}@media (max-width:479px){.uip-modal--icon-preview{grid-template-columns:repeat(3,1fr)}}@media (max-width:1439px){.uip-modal--sidebar-tab-item{padding:15px 15px 15px 25px;font-size:11px}.uip-modal--sidebar-tab-item i{font-size:15px}}@media (max-width:1024px){.uip-modal--sidebar-tab-item i,.uip-modal--sidebar-tab-item img{display:none}}.sr-only{display:none}#content-main ul.nav{margin-bottom:1em}#content-main ul.nav>li.nav-item{list-style-type:none;padding:inherit}#content-main ul.nav>li.nav-item a.nav-link{text-decoration:none}input[type=number].auto-field+span{display:none;position:absolute;inset-block-end:0;inset-inline-end:0;text-align:end;-webkit-margin-end:31px;margin-inline-end:31px;-webkit-margin-after:23px;margin-block-end:23px;cursor:pointer}body:not(.djangocms-admin-style) input[type=number].auto-field+span{margin-bottom:23px}@media (max-width:1024px){body:not(.djangocms-admin-style) input[type=number].auto-field+span{margin-bottom:24px}}input[type=number].auto-field+span:after{content:"auto"}input[type=number].auto-field.auto{color:var(--dca-white,var(--body-bg,#fff));caret-color:var(--dca-black,var(--body-fg,#000))}input[type=number].auto-field.auto+span{display:block} \ No newline at end of file +@charset "UTF-8";[data-theme=auto]{--dca-light-mode:1;--dca-dark-mode:0}@media (prefers-color-scheme:dark){[data-theme=auto]{--dca-light-mode:0;--dca-dark-mode:1}}[data-theme=light]{--dca-light-mode:1;--dca-dark-mode:0}[data-theme=dark]{--dca-light-mode:0;--dca-dark-mode:1}.colM ul:not(.object-tools).nav{margin-top:0;margin-bottom:20px}form ul.djangocms-frontend.nav.nav-pills{margin:0!important;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex}form ul.djangocms-frontend.nav.nav-pills:not(:has(>li:nth-child(2))){display:none}form ul.djangocms-frontend.nav.nav-pills .nav-item{display:inline-block;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:.5rem;margin-inline-end:.5rem;-webkit-margin-after:14px;margin-block-end:14px}form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link{padding:1px 12px;height:30px;line-height:30px;display:inline-block;background-image:none;margin-bottom:0;border-radius:var(--dca-btn-radius,5px);color:var(--body-fg);background-color:var(--body-bg);border:1px solid var(--dca-gray,var(--breadcrumbs-fg,#999));background-clip:padding-box;-webkit-appearance:none}form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.focus,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link:focus{color:var(--body-fg);background-color:color-mix(in srgb,var(--body-bg),var(--body-fg) 5%);border-color:color-mix(in srgb,var(--body-bg),var(--body-fg) 5%);text-decoration:none}form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link:hover{color:var(--body-fg);background-color:color-mix(in srgb,var(--body-bg),var(--body-fg) 10%);border-color:color-mix(in srgb,var(--dca-gray,var(--breadcrumbs-fg,#999)),var(--body-fg) 10%);text-decoration:none}form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.cms-btn-active,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link:active{color:var(--body-fg);background-color:color-mix(in srgb,var(--body-bg),var(--body-fg) 15%);border-color:color-mix(in srgb,var(--dca-gray,var(--breadcrumbs-fg,#999)),var(--body-fg) 15%);-webkit-box-shadow:none;box-shadow:none}form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.cms-btn-active.focus,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.cms-btn-active:focus,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.cms-btn-active:hover,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link:active.focus,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link:active:focus,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link:active:hover{color:var(--body-fg);background-color:color-mix(in srgb,var(--body-bg),var(--body-fg) 20%);border-color:color-mix(in srgb,var(--dca-gray,var(--breadcrumbs-fg,#999)),var(--body-fg) 25%)}form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.cms-btn-active,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link:active{background-image:none}form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.cms-btn-disabled,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.cms-btn-disabled.cms-btn-active,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.cms-btn-disabled.focus,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.cms-btn-disabled:active,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.cms-btn-disabled:focus,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.cms-btn-disabled:hover,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link[disabled],form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link[disabled].cms-btn-active,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link[disabled].focus,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link[disabled]:active,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link[disabled]:focus,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link[disabled]:hover{background-color:color-mix(in srgb,var(--body-bg) 40%,transparent);border-color:color-mix(in srgb,var(--dca-gray,var(--breadcrumbs-fg,#999)) 40%,transparent);color:color-mix(in srgb,var(--body-fg),var(--body-bg) 50%);cursor:not-allowed;-webkit-box-shadow:none;box-shadow:none}form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.cms-btn-disabled.cms-btn-active:before,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.cms-btn-disabled.focus:before,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.cms-btn-disabled:active:before,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.cms-btn-disabled:before,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.cms-btn-disabled:focus:before,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.cms-btn-disabled:hover:before,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link[disabled].cms-btn-active:before,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link[disabled].focus:before,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link[disabled]:active:before,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link[disabled]:before,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link[disabled]:focus:before,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link[disabled]:hover:before{color:color-mix(in srgb,var(--body-fg) 40%,transparent)}form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active{background-image:none;margin-bottom:0;border-radius:var(--dca-btn-radius,5px);color:var(--dca-action-text,var(--body-bg));background-color:var(--dca-action-bg,var(--dca-primary,var(--header-bg)));border:1px solid var(--dca-gray,var(--breadcrumbs-fg,#999));background-clip:padding-box;-webkit-appearance:none}form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active.focus,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active:focus{color:var(--dca-action-text,var(--body-bg));background-color:color-mix(in srgb,var(--dca-action-bg,var(--dca-primary,var(--header-bg))),var(--body-fg) 5%);border-color:color-mix(in srgb,var(--dca-action-bg,var(--dca-primary,var(--header-bg))),var(--body-fg) 5%);text-decoration:none}form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active:hover{color:var(--dca-action-text,var(--body-bg));background-color:color-mix(in srgb,var(--dca-action-bg,var(--dca-primary,var(--header-bg))),var(--body-fg) 10%);border-color:color-mix(in srgb,var(--dca-gray,var(--breadcrumbs-fg,#999)),var(--body-fg) 10%);text-decoration:none}form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active.cms-btn-active,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active:active{color:var(--dca-action-text,var(--body-bg));background-color:color-mix(in srgb,var(--dca-action-bg,var(--dca-primary,var(--header-bg))),var(--body-fg) 15%);border-color:color-mix(in srgb,var(--dca-gray,var(--breadcrumbs-fg,#999)),var(--body-fg) 15%);-webkit-box-shadow:none;box-shadow:none}form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active.cms-btn-active.focus,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active.cms-btn-active:focus,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active.cms-btn-active:hover,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active:active.focus,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active:active:focus,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active:active:hover{color:var(--dca-action-text,var(--body-bg));background-color:color-mix(in srgb,var(--dca-action-bg,var(--dca-primary,var(--header-bg))),var(--body-fg) 20%);border-color:color-mix(in srgb,var(--dca-gray,var(--breadcrumbs-fg,#999)),var(--body-fg) 25%)}form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active.cms-btn-active,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active:active{background-image:none}form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active.cms-btn-disabled,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active.cms-btn-disabled.cms-btn-active,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active.cms-btn-disabled.focus,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active.cms-btn-disabled:active,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active.cms-btn-disabled:focus,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active.cms-btn-disabled:hover,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active[disabled],form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active[disabled].cms-btn-active,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active[disabled].focus,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active[disabled]:active,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active[disabled]:focus,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active[disabled]:hover{background-color:color-mix(in srgb,var(--dca-action-bg,var(--dca-primary,var(--header-bg))) 40%,transparent);border-color:color-mix(in srgb,var(--dca-gray,var(--breadcrumbs-fg,#999)) 40%,transparent);color:color-mix(in srgb,var(--dca-action-text,var(--body-bg)),var(--body-bg) 50%);cursor:not-allowed;-webkit-box-shadow:none;box-shadow:none}form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active.cms-btn-disabled.cms-btn-active:before,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active.cms-btn-disabled.focus:before,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active.cms-btn-disabled:active:before,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active.cms-btn-disabled:before,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active.cms-btn-disabled:focus:before,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active.cms-btn-disabled:hover:before,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active[disabled].cms-btn-active:before,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active[disabled].focus:before,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active[disabled]:active:before,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active[disabled]:before,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active[disabled]:focus:before,form ul.djangocms-frontend.nav.nav-pills .nav-item a.nav-link.active[disabled]:hover:before{color:color-mix(in srgb,var(--dca-action-text,var(--body-bg)) 40%,transparent)}form ul.djangocms-frontend.nav.nav-pills .nav-link{position:relative;text-decoration:none;color:var(--body-fg)}form ul.djangocms-frontend.nav.nav-pills .nav-link span.indicator{display:none;border-radius:50%;padding:.5rem;border:1px solid var(--dca-white,var(--body-bg,var(--body-bg)));-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);inset-block-start:0;inset-inline-start:100%;position:absolute}form ul.djangocms-frontend.nav.nav-pills .nav-link span.indicator.error{background-color:var(--delete-button-bg)}form ul.djangocms-frontend.nav.nav-pills .nav-link span.indicator.attributes{background-color:color-mix(in srgb,var(--dca-action-bg,var(--dca-primary,var(--header-bg))) 50%,var(--body-fg));display:block}form ul.djangocms-frontend.nav.nav-pills .nav-link.error>span.indicator{display:block}.djangocms-frontend.tab-content .tab-pane{display:none}.djangocms-frontend.tab-content .tab-pane.active{display:block}.djangocms-frontend.tab-content .tab-pane>fieldset>h2{display:none}body:not(.djangocms-admin-style) ul.djangocms-frontend.nav-tabs+div.tab-content .tab-pane{border-left-style:solid;border-bottom-style:solid;border-right-style:solid;border-left-color:var(--hairline-color);border-bottom-color:var(--hairline-color);border-right-color:var(--hairline-color);border-width:1px}body:not(.djangocms-admin-style) ul.djangocms-frontend.nav-tabs+div.tab-content .tab-pane fieldset:last-child{margin-bottom:0}div.tab-pk{-ms-flex-item-align:center;align-self:center;color:var(--dca-gray-darker,var(--body-fg));font-size:80%;-webkit-margin-start:auto;margin-inline-start:auto;margin-bottom:14px;display:inline-block}.djangocms-admin-style .colM ul.nav:not(.object-tools):not(.messagelist){margin-top:0}.djangocms-admin-style .colM ul.nav:not(.object-tools):not(.messagelist) li.nav-item{border-top:none}.icon{display:inline-block;vertical-align:top;width:1em;height:1em;background-position:center;background-repeat:no-repeat}.icon svg{display:block;width:100%;height:100%}.icon-info{width:.9em;font-size:110%!important}.icon-white{color:#fff}.icon-white svg{fill:#fff}.icon-black{color:#000}.icon-black svg{fill:#000}.icon-primary{color:#0bf}.icon-primary svg{fill:#0bf}.djangocms-icon .icon>input{float:left;position:relative;top:12px}.djangocms-icon .caret{-webkit-margin-start:8px;margin-inline-start:8px}.aligned .frontend-button-group label{min-width:unset}.frontend-button-group{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-margin-end:1em;margin-inline-end:1em}.frontend-button-group .btn{-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;margin:2px;padding:.375rem .75rem;border-radius:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-color:var(--bs-secondary);-webkit-box-shadow:none;box-shadow:none;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out}.frontend-button-group .btn:hover{-webkit-filter:opacity(.8);filter:opacity(.8)}.frontend-button-group .btn.focus,.frontend-button-group .btn:focus{-webkit-filter:opacity(.85);filter:opacity(.85);text-decoration:none}.frontend-button-group .btn.active{outline:3px solid var(--primary);border-color:#fff!important}.frontend-button-group .btn-default.active{border-radius:0;background-color:var(--dca-action-bg,var(--dca-primary,var(--header-bg)))!important}form .form-row>div:not([class])>.flex-container>label+div.frontend-button-group{max-width:unset;width:unset}.frontend-button-group-context-colors>div,.frontend-button-group-context-size>div{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:75px}.frontend-button-group-context-colors .btn{-ms-flex-preferred-size:calc(25% - 4px);flex-basis:calc(25% - 4px)}@media (min-width:820px){.frontend-button-group-context-colors .btn{-ms-flex-preferred-size:calc(20% - 4px);flex-basis:calc(20% - 4px)}}.frontend-button-group-icons .icon,.frontend-grid-icons .icon{font-size:24px}.frontend-button-group-icons .icon-flex-align-center,.frontend-button-group-icons .icon-flex-align-end,.frontend-button-group-icons .icon-flex-align-start,.frontend-grid-icons .icon-flex-align-center,.frontend-grid-icons .icon-flex-align-end,.frontend-grid-icons .icon-flex-align-start{-webkit-transform:scale(1.4);transform:scale(1.4)}.frontend-button-group-icons .icon-flex-content-around,.frontend-button-group-icons .icon-flex-content-between,.frontend-grid-icons .icon-flex-content-around,.frontend-grid-icons .icon-flex-content-between{-webkit-transform:scale(1.6);transform:scale(1.6)}.frontend-button-group-icons .icon-flex-self-center,.frontend-button-group-icons .icon-flex-self-end,.frontend-button-group-icons .icon-flex-self-start,.frontend-grid-icons .icon-flex-self-center,.frontend-grid-icons .icon-flex-self-end,.frontend-grid-icons .icon-flex-self-start{-webkit-transform:scale(1.4);transform:scale(1.4)}.frontend-button-group-icons .icon-align-reset,.frontend-button-group-icons .icon-no-selection,.frontend-grid-icons .icon-align-reset,.frontend-grid-icons .icon-no-selection{background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16))}.frontend-button-group-icons .icon-align-items-start,.frontend-button-group-icons .icon-flex-align-start,.frontend-grid-icons .icon-align-items-start,.frontend-grid-icons .icon-flex-align-start{background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));-webkit-transform:scale(1.4);transform:scale(1.4)}.frontend-button-group-icons .icon-align-items-center,.frontend-button-group-icons .icon-flex-align-center,.frontend-grid-icons .icon-align-items-center,.frontend-grid-icons .icon-flex-align-center{background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));-webkit-transform:scale(1.4);transform:scale(1.4)}.frontend-button-group-icons .icon-align-items-end,.frontend-button-group-icons .icon-flex-align-end,.frontend-grid-icons .icon-align-items-end,.frontend-grid-icons .icon-flex-align-end{background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));-webkit-transform:scale(1.4);transform:scale(1.4)}.frontend-button-group-icons .icon-flex-content-start,.frontend-button-group-icons .icon-justify-content-start,.frontend-button-group-icons .icon-start,.frontend-grid-icons .icon-flex-content-start,.frontend-grid-icons .icon-justify-content-start,.frontend-grid-icons .icon-start{background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16))}.frontend-button-group-icons .icon-center,.frontend-button-group-icons .icon-flex-content-center,.frontend-button-group-icons .icon-justify-content-center,.frontend-grid-icons .icon-center,.frontend-grid-icons .icon-flex-content-center,.frontend-grid-icons .icon-justify-content-center{background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16))}.frontend-button-group-icons .icon-end,.frontend-button-group-icons .icon-flex-content-end,.frontend-button-group-icons .icon-justify-content-end,.frontend-grid-icons .icon-end,.frontend-grid-icons .icon-flex-content-end,.frontend-grid-icons .icon-justify-content-end{background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16))}.frontend-button-group-icons .icon-flex-content-around,.frontend-button-group-icons .icon-justify-content-around,.frontend-grid-icons .icon-flex-content-around,.frontend-grid-icons .icon-justify-content-around{background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));-webkit-transform:scale(1.6);transform:scale(1.6)}.frontend-button-group-icons .icon-flex-content-between,.frontend-button-group-icons .icon-justify-content-between,.frontend-grid-icons .icon-flex-content-between,.frontend-grid-icons .icon-justify-content-between{background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));-webkit-transform:scale(1.6);transform:scale(1.6)}.frontend-button-group-icons .icon-nav-fill,.frontend-grid-icons .icon-nav-fill{background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));-webkit-transform:scale(1.4);transform:scale(1.4)}.frontend-button-group-icons .icon-nav-justified,.frontend-grid-icons .icon-nav-justified{background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));-webkit-transform:scale(1.4);transform:scale(1.4)}.frontend-button-group-icons .icon-flex-column,.frontend-grid-icons .icon-flex-column{background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));-webkit-transform:scale(1.4);transform:scale(1.4)}.frontend-button-group-icons .icon-align-self-start,.frontend-button-group-icons .icon-flex-self-start,.frontend-grid-icons .icon-align-self-start,.frontend-grid-icons .icon-flex-self-start{background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));-webkit-transform:scale(1.4);transform:scale(1.4)}.frontend-button-group-icons .icon-align-self-center,.frontend-button-group-icons .icon-flex-self-center,.frontend-grid-icons .icon-align-self-center,.frontend-grid-icons .icon-flex-self-center{background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));-webkit-transform:scale(1.4);transform:scale(1.4)}.frontend-button-group-icons .icon-align-self-end,.frontend-button-group-icons .icon-flex-self-end,.frontend-grid-icons .icon-align-self-end,.frontend-grid-icons .icon-flex-self-end{background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));-webkit-transform:scale(1.4);transform:scale(1.4)}.frontend-button-group-icons .icon-size-sm,.frontend-button-group-icons .icon-size-xs,.frontend-button-group-icons .icon-sm,.frontend-button-group-icons .icon-xs,.frontend-grid-icons .icon-size-sm,.frontend-grid-icons .icon-size-xs,.frontend-grid-icons .icon-sm,.frontend-grid-icons .icon-xs{background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16))}.frontend-button-group-icons .icon-size-sm,.frontend-button-group-icons .icon-sm,.frontend-grid-icons .icon-size-sm,.frontend-grid-icons .icon-sm{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.frontend-button-group-icons .icon-md,.frontend-button-group-icons .icon-size-md,.frontend-grid-icons .icon-md,.frontend-grid-icons .icon-size-md{background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16))}.frontend-button-group-icons .icon-lg,.frontend-button-group-icons .icon-size-lg,.frontend-grid-icons .icon-lg,.frontend-grid-icons .icon-size-lg{background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16))}.frontend-button-group-icons .icon-size-xl,.frontend-button-group-icons .icon-xl,.frontend-grid-icons .icon-size-xl,.frontend-grid-icons .icon-xl{background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16))}.frontend-button-group-icons .icon-size-xxl,.frontend-button-group-icons .icon-xxl,.frontend-grid-icons .icon-size-xxl,.frontend-grid-icons .icon-xxl{background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 16))}.frontend-button-group-icons .icon-mb,.frontend-grid-icons .icon-mb{-webkit-transform:scale(1.3);transform:scale(1.3);background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 100));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 100))}.frontend-button-group-icons .icon-me,.frontend-grid-icons .icon-me{-webkit-transform:scale(1.3);transform:scale(1.3);background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 100));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 100))}.frontend-button-group-icons .icon-ms,.frontend-grid-icons .icon-ms{-webkit-transform:scale(1.3);transform:scale(1.3);background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 100));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 100))}.frontend-button-group-icons .icon-mt,.frontend-grid-icons .icon-mt{-webkit-transform:scale(1.3);transform:scale(1.3);background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 100));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 100))}.frontend-button-group-icons .icon-mx,.frontend-grid-icons .icon-mx{-webkit-transform:scale(1.3);transform:scale(1.3);background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 100));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 100))}.frontend-button-group-icons .icon-my,.frontend-grid-icons .icon-my{-webkit-transform:scale(1.3);transform:scale(1.3);background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 100));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 100))}.frontend-button-group-icons .icon-pb,.frontend-grid-icons .icon-pb{-webkit-transform:scale(1.5);transform:scale(1.5);background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 100));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 100))}.frontend-button-group-icons .icon-pe,.frontend-grid-icons .icon-pe{-webkit-transform:scale(1.5);transform:scale(1.5);background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 100));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 100))}.frontend-button-group-icons .icon-ps,.frontend-grid-icons .icon-ps{-webkit-transform:scale(1.5);transform:scale(1.5);background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 100));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 100))}.frontend-button-group-icons .icon-pt,.frontend-grid-icons .icon-pt{-webkit-transform:scale(1.5);transform:scale(1.5);background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 100));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 100))}.frontend-button-group-icons .icon-px,.frontend-grid-icons .icon-px{-webkit-transform:scale(1.5);transform:scale(1.5);background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 100));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 100))}.frontend-button-group-icons .icon-py,.frontend-grid-icons .icon-py{-webkit-transform:scale(1.5);transform:scale(1.5);background-image:url('data:image/svg+xml;utf8,');-webkit-filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 100));filter:brightness(calc(var(--dca-light-mode, 1) + var(--dca-dark-mode, 0) * 100))}.icon-info{background-image:url('data:image/svg+xml;utf8,')}.module{margin:0 0 20px}.djangocms-frontend-row .form-row.field-create .icon{position:absolute;font-size:30px;-webkit-margin-before:28px;margin-block-start:28px;-webkit-margin-start:4px;margin-inline-start:4px}.djangocms-frontend-row .form-row.field-create input[name=create]{width:130px!important;-webkit-padding-end:5px!important;padding-inline-end:5px!important;text-align:start}.djangocms-frontend-column .form-row.field-xs_col label,.djangocms-frontend-column .form-row.field-xs_offset label,.djangocms-frontend-column .form-row.field-xs_order label,.djangocms-frontend-row .form-row.field-row_cols_xs label{color:var(--border-color)!important}.djangocms-frontend-column .form-row.field-xs_col,.djangocms-frontend-column .form-row.field-xs_me,.djangocms-frontend-column .form-row.field-xs_ms,.djangocms-frontend-column .form-row.field-xs_offset,.djangocms-frontend-column .form-row.field-xs_order,.djangocms-frontend-row .form-row.field-row_cols_xs{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0;min-width:800px}.djangocms-frontend-column .form-row.field-xs_col>div>div:not([class]),.djangocms-frontend-column .form-row.field-xs_me>div>div:not([class]),.djangocms-frontend-column .form-row.field-xs_ms>div>div:not([class]),.djangocms-frontend-column .form-row.field-xs_offset>div>div:not([class]),.djangocms-frontend-column .form-row.field-xs_order>div>div:not([class]),.djangocms-frontend-row .form-row.field-row_cols_xs>div>div:not([class]){width:unset!important;max-width:unset!important}.djangocms-frontend-column .form-row.field-xs_col .field-box:first-child,.djangocms-frontend-column .form-row.field-xs_me .field-box:first-child,.djangocms-frontend-column .form-row.field-xs_ms .field-box:first-child,.djangocms-frontend-column .form-row.field-xs_offset .field-box:first-child,.djangocms-frontend-column .form-row.field-xs_order .field-box:first-child,.djangocms-frontend-row .form-row.field-row_cols_xs .field-box:first-child{width:115px!important}.djangocms-frontend-column .form-row.field-xs_col .form-multiline,.djangocms-frontend-column .form-row.field-xs_me .form-multiline,.djangocms-frontend-column .form-row.field-xs_ms .form-multiline,.djangocms-frontend-column .form-row.field-xs_offset .form-multiline,.djangocms-frontend-column .form-row.field-xs_order .form-multiline,.djangocms-frontend-row .form-row.field-row_cols_xs .form-multiline{display:block;white-space:nowrap;margin-bottom:-3px}.djangocms-frontend-column .form-row.field-xs_col .form-multiline>div,.djangocms-frontend-column .form-row.field-xs_me .form-multiline>div,.djangocms-frontend-column .form-row.field-xs_ms .form-multiline>div,.djangocms-frontend-column .form-row.field-xs_offset .form-multiline>div,.djangocms-frontend-column .form-row.field-xs_order .form-multiline>div,.djangocms-frontend-row .form-row.field-row_cols_xs .form-multiline>div{display:inline-block;padding:0}.djangocms-frontend-column .form-row.field-xs_col .field-box,.djangocms-frontend-column .form-row.field-xs_col .fieldBox,.djangocms-frontend-column .form-row.field-xs_me .field-box,.djangocms-frontend-column .form-row.field-xs_me .fieldBox,.djangocms-frontend-column .form-row.field-xs_ms .field-box,.djangocms-frontend-column .form-row.field-xs_ms .fieldBox,.djangocms-frontend-column .form-row.field-xs_offset .field-box,.djangocms-frontend-column .form-row.field-xs_offset .fieldBox,.djangocms-frontend-column .form-row.field-xs_order .field-box,.djangocms-frontend-column .form-row.field-xs_order .fieldBox,.djangocms-frontend-row .form-row.field-row_cols_xs .field-box,.djangocms-frontend-row .form-row.field-row_cols_xs .fieldBox{position:relative;-webkit-box-sizing:content-box;box-sizing:content-box;width:86px!important;-webkit-box-flex:0;-ms-flex:none;flex:none;display:block;padding:15px 10px;margin:0!important;border-bottom:1px solid var(--border-color);float:left!important}.djangocms-frontend-column .form-row.field-xs_col .field-box input:not([type=checkbox]),.djangocms-frontend-column .form-row.field-xs_col .fieldBox input:not([type=checkbox]),.djangocms-frontend-column .form-row.field-xs_me .field-box input:not([type=checkbox]),.djangocms-frontend-column .form-row.field-xs_me .fieldBox input:not([type=checkbox]),.djangocms-frontend-column .form-row.field-xs_ms .field-box input:not([type=checkbox]),.djangocms-frontend-column .form-row.field-xs_ms .fieldBox input:not([type=checkbox]),.djangocms-frontend-column .form-row.field-xs_offset .field-box input:not([type=checkbox]),.djangocms-frontend-column .form-row.field-xs_offset .fieldBox input:not([type=checkbox]),.djangocms-frontend-column .form-row.field-xs_order .field-box input:not([type=checkbox]),.djangocms-frontend-column .form-row.field-xs_order .fieldBox input:not([type=checkbox]),.djangocms-frontend-row .form-row.field-row_cols_xs .field-box input:not([type=checkbox]),.djangocms-frontend-row .form-row.field-row_cols_xs .fieldBox input:not([type=checkbox]){text-align:end;-webkit-padding-end:5px!important;padding-inline-end:5px!important;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.djangocms-frontend-column .form-row.field-xs_col .field-box label,.djangocms-frontend-column .form-row.field-xs_col .fieldBox label,.djangocms-frontend-column .form-row.field-xs_me .field-box label,.djangocms-frontend-column .form-row.field-xs_me .fieldBox label,.djangocms-frontend-column .form-row.field-xs_ms .field-box label,.djangocms-frontend-column .form-row.field-xs_ms .fieldBox label,.djangocms-frontend-column .form-row.field-xs_offset .field-box label,.djangocms-frontend-column .form-row.field-xs_offset .fieldBox label,.djangocms-frontend-column .form-row.field-xs_order .field-box label,.djangocms-frontend-column .form-row.field-xs_order .fieldBox label,.djangocms-frontend-row .form-row.field-row_cols_xs .field-box label,.djangocms-frontend-row .form-row.field-row_cols_xs .fieldBox label{font-size:12px!important;font-weight:400!important;position:absolute;inset-inline-start:15px;inset-block-end:17px;text-transform:lowercase}.djangocms-frontend-column .form-row.field-xs_col .field-box .disabled,.djangocms-frontend-column .form-row.field-xs_col .fieldBox .disabled,.djangocms-frontend-column .form-row.field-xs_me .field-box .disabled,.djangocms-frontend-column .form-row.field-xs_me .fieldBox .disabled,.djangocms-frontend-column .form-row.field-xs_ms .field-box .disabled,.djangocms-frontend-column .form-row.field-xs_ms .fieldBox .disabled,.djangocms-frontend-column .form-row.field-xs_offset .field-box .disabled,.djangocms-frontend-column .form-row.field-xs_offset .fieldBox .disabled,.djangocms-frontend-column .form-row.field-xs_order .field-box .disabled,.djangocms-frontend-column .form-row.field-xs_order .fieldBox .disabled,.djangocms-frontend-row .form-row.field-row_cols_xs .field-box .disabled,.djangocms-frontend-row .form-row.field-row_cols_xs .fieldBox .disabled{color:var(--border-color);background:var(--border-color)}.djangocms-frontend-column .form-row.field-xs_col .field-box:last-child,.djangocms-frontend-column .form-row.field-xs_col .fieldBox:last-child,.djangocms-frontend-column .form-row.field-xs_me .field-box:last-child,.djangocms-frontend-column .form-row.field-xs_me .fieldBox:last-child,.djangocms-frontend-column .form-row.field-xs_ms .field-box:last-child,.djangocms-frontend-column .form-row.field-xs_ms .fieldBox:last-child,.djangocms-frontend-column .form-row.field-xs_offset .field-box:last-child,.djangocms-frontend-column .form-row.field-xs_offset .fieldBox:last-child,.djangocms-frontend-column .form-row.field-xs_order .field-box:last-child,.djangocms-frontend-column .form-row.field-xs_order .fieldBox:last-child,.djangocms-frontend-row .form-row.field-row_cols_xs .field-box:last-child,.djangocms-frontend-row .form-row.field-row_cols_xs .fieldBox:last-child{-webkit-border-end:none;border-inline-end:none}.djangocms-frontend-column .form-row.field-xs_col .errors,.djangocms-frontend-column .form-row.field-xs_me .errors,.djangocms-frontend-column .form-row.field-xs_ms .errors,.djangocms-frontend-column .form-row.field-xs_offset .errors,.djangocms-frontend-column .form-row.field-xs_order .errors,.djangocms-frontend-row .form-row.field-row_cols_xs .errors{margin-bottom:0}.djangocms-frontend-column .form-row.field-xs_col.field-xs_me .field-box,.djangocms-frontend-column .form-row.field-xs_me.field-xs_me .field-box,.djangocms-frontend-column .form-row.field-xs_ms.field-xs_me .field-box,.djangocms-frontend-column .form-row.field-xs_offset.field-xs_me .field-box,.djangocms-frontend-column .form-row.field-xs_order.field-xs_me .field-box,.djangocms-frontend-row .form-row.field-row_cols_xs.field-xs_me .field-box{border-bottom:none}.djangocms-frontend-column .form-row.field-xs_col .field-box-label,.djangocms-frontend-column .form-row.field-xs_me .field-box-label,.djangocms-frontend-column .form-row.field-xs_ms .field-box-label,.djangocms-frontend-column .form-row.field-xs_offset .field-box-label,.djangocms-frontend-column .form-row.field-xs_order .field-box-label,.djangocms-frontend-row .form-row.field-row_cols_xs .field-box-label{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:auto;color:#999}.djangocms-frontend-column .form-row.field-xs_col .field-box-label a,.djangocms-frontend-column .form-row.field-xs_me .field-box-label a,.djangocms-frontend-column .form-row.field-xs_ms .field-box-label a,.djangocms-frontend-column .form-row.field-xs_offset .field-box-label a,.djangocms-frontend-column .form-row.field-xs_order .field-box-label a,.djangocms-frontend-row .form-row.field-row_cols_xs .field-box-label a{width:100%;margin-top:auto;color:#999}.djangocms-frontend-column .form-row.field-xs_col .field-box-label a a,.djangocms-frontend-column .form-row.field-xs_me .field-box-label a a,.djangocms-frontend-column .form-row.field-xs_ms .field-box-label a a,.djangocms-frontend-column .form-row.field-xs_offset .field-box-label a a,.djangocms-frontend-column .form-row.field-xs_order .field-box-label a a,.djangocms-frontend-row .form-row.field-row_cols_xs .field-box-label a a{width:100%;margin-top:auto}.djangocms-frontend-column .form-row.field-xs_col .field-lg_me,.djangocms-frontend-column .form-row.field-xs_col .field-lg_ms,.djangocms-frontend-column .form-row.field-xs_col .field-md_me,.djangocms-frontend-column .form-row.field-xs_col .field-md_ms,.djangocms-frontend-column .form-row.field-xs_col .field-sm_me,.djangocms-frontend-column .form-row.field-xs_col .field-sm_ms,.djangocms-frontend-column .form-row.field-xs_col .field-xl_me,.djangocms-frontend-column .form-row.field-xs_col .field-xl_ms,.djangocms-frontend-column .form-row.field-xs_col .field-xs_me,.djangocms-frontend-column .form-row.field-xs_col .field-xs_ms,.djangocms-frontend-column .form-row.field-xs_col .field-xxl_me,.djangocms-frontend-column .form-row.field-xs_col .field-xxl_ms,.djangocms-frontend-column .form-row.field-xs_me .field-lg_me,.djangocms-frontend-column .form-row.field-xs_me .field-lg_ms,.djangocms-frontend-column .form-row.field-xs_me .field-md_me,.djangocms-frontend-column .form-row.field-xs_me .field-md_ms,.djangocms-frontend-column .form-row.field-xs_me .field-sm_me,.djangocms-frontend-column .form-row.field-xs_me .field-sm_ms,.djangocms-frontend-column .form-row.field-xs_me .field-xl_me,.djangocms-frontend-column .form-row.field-xs_me .field-xl_ms,.djangocms-frontend-column .form-row.field-xs_me .field-xs_me,.djangocms-frontend-column .form-row.field-xs_me .field-xs_ms,.djangocms-frontend-column .form-row.field-xs_me .field-xxl_me,.djangocms-frontend-column .form-row.field-xs_me .field-xxl_ms,.djangocms-frontend-column .form-row.field-xs_ms .field-lg_me,.djangocms-frontend-column .form-row.field-xs_ms .field-lg_ms,.djangocms-frontend-column .form-row.field-xs_ms .field-md_me,.djangocms-frontend-column .form-row.field-xs_ms .field-md_ms,.djangocms-frontend-column .form-row.field-xs_ms .field-sm_me,.djangocms-frontend-column .form-row.field-xs_ms .field-sm_ms,.djangocms-frontend-column .form-row.field-xs_ms .field-xl_me,.djangocms-frontend-column .form-row.field-xs_ms .field-xl_ms,.djangocms-frontend-column .form-row.field-xs_ms .field-xs_me,.djangocms-frontend-column .form-row.field-xs_ms .field-xs_ms,.djangocms-frontend-column .form-row.field-xs_ms .field-xxl_me,.djangocms-frontend-column .form-row.field-xs_ms .field-xxl_ms,.djangocms-frontend-column .form-row.field-xs_offset .field-lg_me,.djangocms-frontend-column .form-row.field-xs_offset .field-lg_ms,.djangocms-frontend-column .form-row.field-xs_offset .field-md_me,.djangocms-frontend-column .form-row.field-xs_offset .field-md_ms,.djangocms-frontend-column .form-row.field-xs_offset .field-sm_me,.djangocms-frontend-column .form-row.field-xs_offset .field-sm_ms,.djangocms-frontend-column .form-row.field-xs_offset .field-xl_me,.djangocms-frontend-column .form-row.field-xs_offset .field-xl_ms,.djangocms-frontend-column .form-row.field-xs_offset .field-xs_me,.djangocms-frontend-column .form-row.field-xs_offset .field-xs_ms,.djangocms-frontend-column .form-row.field-xs_offset .field-xxl_me,.djangocms-frontend-column .form-row.field-xs_offset .field-xxl_ms,.djangocms-frontend-column .form-row.field-xs_order .field-lg_me,.djangocms-frontend-column .form-row.field-xs_order .field-lg_ms,.djangocms-frontend-column .form-row.field-xs_order .field-md_me,.djangocms-frontend-column .form-row.field-xs_order .field-md_ms,.djangocms-frontend-column .form-row.field-xs_order .field-sm_me,.djangocms-frontend-column .form-row.field-xs_order .field-sm_ms,.djangocms-frontend-column .form-row.field-xs_order .field-xl_me,.djangocms-frontend-column .form-row.field-xs_order .field-xl_ms,.djangocms-frontend-column .form-row.field-xs_order .field-xs_me,.djangocms-frontend-column .form-row.field-xs_order .field-xs_ms,.djangocms-frontend-column .form-row.field-xs_order .field-xxl_me,.djangocms-frontend-column .form-row.field-xs_order .field-xxl_ms,.djangocms-frontend-row .form-row.field-row_cols_xs .field-lg_me,.djangocms-frontend-row .form-row.field-row_cols_xs .field-lg_ms,.djangocms-frontend-row .form-row.field-row_cols_xs .field-md_me,.djangocms-frontend-row .form-row.field-row_cols_xs .field-md_ms,.djangocms-frontend-row .form-row.field-row_cols_xs .field-sm_me,.djangocms-frontend-row .form-row.field-row_cols_xs .field-sm_ms,.djangocms-frontend-row .form-row.field-row_cols_xs .field-xl_me,.djangocms-frontend-row .form-row.field-row_cols_xs .field-xl_ms,.djangocms-frontend-row .form-row.field-row_cols_xs .field-xs_me,.djangocms-frontend-row .form-row.field-row_cols_xs .field-xs_ms,.djangocms-frontend-row .form-row.field-row_cols_xs .field-xxl_me,.djangocms-frontend-row .form-row.field-row_cols_xs .field-xxl_ms{text-align:start}.djangocms-frontend-column .form-row.field-xs_col .field-lg_me label,.djangocms-frontend-column .form-row.field-xs_col .field-lg_ms label,.djangocms-frontend-column .form-row.field-xs_col .field-md_me label,.djangocms-frontend-column .form-row.field-xs_col .field-md_ms label,.djangocms-frontend-column .form-row.field-xs_col .field-sm_me label,.djangocms-frontend-column .form-row.field-xs_col .field-sm_ms label,.djangocms-frontend-column .form-row.field-xs_col .field-xl_me label,.djangocms-frontend-column .form-row.field-xs_col .field-xl_ms label,.djangocms-frontend-column .form-row.field-xs_col .field-xs_me label,.djangocms-frontend-column .form-row.field-xs_col .field-xs_ms label,.djangocms-frontend-column .form-row.field-xs_col .field-xxl_me label,.djangocms-frontend-column .form-row.field-xs_col .field-xxl_ms label,.djangocms-frontend-column .form-row.field-xs_me .field-lg_me label,.djangocms-frontend-column .form-row.field-xs_me .field-lg_ms label,.djangocms-frontend-column .form-row.field-xs_me .field-md_me label,.djangocms-frontend-column .form-row.field-xs_me .field-md_ms label,.djangocms-frontend-column .form-row.field-xs_me .field-sm_me label,.djangocms-frontend-column .form-row.field-xs_me .field-sm_ms label,.djangocms-frontend-column .form-row.field-xs_me .field-xl_me label,.djangocms-frontend-column .form-row.field-xs_me .field-xl_ms label,.djangocms-frontend-column .form-row.field-xs_me .field-xs_me label,.djangocms-frontend-column .form-row.field-xs_me .field-xs_ms label,.djangocms-frontend-column .form-row.field-xs_me .field-xxl_me label,.djangocms-frontend-column .form-row.field-xs_me .field-xxl_ms label,.djangocms-frontend-column .form-row.field-xs_ms .field-lg_me label,.djangocms-frontend-column .form-row.field-xs_ms .field-lg_ms label,.djangocms-frontend-column .form-row.field-xs_ms .field-md_me label,.djangocms-frontend-column .form-row.field-xs_ms .field-md_ms label,.djangocms-frontend-column .form-row.field-xs_ms .field-sm_me label,.djangocms-frontend-column .form-row.field-xs_ms .field-sm_ms label,.djangocms-frontend-column .form-row.field-xs_ms .field-xl_me label,.djangocms-frontend-column .form-row.field-xs_ms .field-xl_ms label,.djangocms-frontend-column .form-row.field-xs_ms .field-xs_me label,.djangocms-frontend-column .form-row.field-xs_ms .field-xs_ms label,.djangocms-frontend-column .form-row.field-xs_ms .field-xxl_me label,.djangocms-frontend-column .form-row.field-xs_ms .field-xxl_ms label,.djangocms-frontend-column .form-row.field-xs_offset .field-lg_me label,.djangocms-frontend-column .form-row.field-xs_offset .field-lg_ms label,.djangocms-frontend-column .form-row.field-xs_offset .field-md_me label,.djangocms-frontend-column .form-row.field-xs_offset .field-md_ms label,.djangocms-frontend-column .form-row.field-xs_offset .field-sm_me label,.djangocms-frontend-column .form-row.field-xs_offset .field-sm_ms label,.djangocms-frontend-column .form-row.field-xs_offset .field-xl_me label,.djangocms-frontend-column .form-row.field-xs_offset .field-xl_ms label,.djangocms-frontend-column .form-row.field-xs_offset .field-xs_me label,.djangocms-frontend-column .form-row.field-xs_offset .field-xs_ms label,.djangocms-frontend-column .form-row.field-xs_offset .field-xxl_me label,.djangocms-frontend-column .form-row.field-xs_offset .field-xxl_ms label,.djangocms-frontend-column .form-row.field-xs_order .field-lg_me label,.djangocms-frontend-column .form-row.field-xs_order .field-lg_ms label,.djangocms-frontend-column .form-row.field-xs_order .field-md_me label,.djangocms-frontend-column .form-row.field-xs_order .field-md_ms label,.djangocms-frontend-column .form-row.field-xs_order .field-sm_me label,.djangocms-frontend-column .form-row.field-xs_order .field-sm_ms label,.djangocms-frontend-column .form-row.field-xs_order .field-xl_me label,.djangocms-frontend-column .form-row.field-xs_order .field-xl_ms label,.djangocms-frontend-column .form-row.field-xs_order .field-xs_me label,.djangocms-frontend-column .form-row.field-xs_order .field-xs_ms label,.djangocms-frontend-column .form-row.field-xs_order .field-xxl_me label,.djangocms-frontend-column .form-row.field-xs_order .field-xxl_ms label,.djangocms-frontend-row .form-row.field-row_cols_xs .field-lg_me label,.djangocms-frontend-row .form-row.field-row_cols_xs .field-lg_ms label,.djangocms-frontend-row .form-row.field-row_cols_xs .field-md_me label,.djangocms-frontend-row .form-row.field-row_cols_xs .field-md_ms label,.djangocms-frontend-row .form-row.field-row_cols_xs .field-sm_me label,.djangocms-frontend-row .form-row.field-row_cols_xs .field-sm_ms label,.djangocms-frontend-row .form-row.field-row_cols_xs .field-xl_me label,.djangocms-frontend-row .form-row.field-row_cols_xs .field-xl_ms label,.djangocms-frontend-row .form-row.field-row_cols_xs .field-xs_me label,.djangocms-frontend-row .form-row.field-row_cols_xs .field-xs_ms label,.djangocms-frontend-row .form-row.field-row_cols_xs .field-xxl_me label,.djangocms-frontend-row .form-row.field-row_cols_xs .field-xxl_ms label{inset-inline-start:30px;inset-block-start:14px}.grid-reset{position:absolute;inset-inline-end:5px;inset-block-start:0}.icon-thead{text-align:center;margin-bottom:15px}.icon-thead .icon{font-size:30px}.icon-thead .icon-size-sm{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.icon-title{display:block;font-size:12px;color:#999;padding:5px 0 0}.djangocms-frontend-blockquote textarea{height:110px}#id_link_type{padding:0;margin:0;border:none}#id_link_type li{padding:0;margin:0 15px 5px 0;border:none}#id_link_type label input{position:relative;top:-4px}a[data-pk]{position:relative}a[data-pk]:after{content:attr(data-pk);visibility:hidden;width:auto;font-weight:400;font-size:80%;background-color:var(--dca-white,var(--body-fg));color:var(--dca-gray,var(--body-fg));border:solid 1px var(--dca-gray,var(--body-fg));text-align:center;padding:5px 10px;position:absolute;z-index:1;top:110%;inset-inline-start:50%;-webkit-margin-start:-50%;margin-inline-start:-50%}a[data-pk]:hover:after{visibility:visible}.djangocms-admin-style .form-row.field-plugin_title input[name=plugin_title_0]{margin-bottom:.5em!important}.djangocms-admin-style .form-row.field-plugin_title input[name=plugin_title_1]{width:calc(100% - 2em)!important}body:not(.djangocms-admin-style) .form-row.field-plugin_title input[name=plugin_title_1]{width:calc(100% - 200px - 1em)!important;-webkit-margin-start:1em;margin-inline-start:1em}.frontend-icon-picker{text-align:center;display:inline-block}.frontend-icon-picker .icon-container{position:relative;margin:.5em auto;width:7em;height:7em;border:1px var(--dca-gray-light,var(--border-color,#d3d3d3)) solid;-webkit-transition:background-color .15s,color .15s;transition:background-color .15s,color .15s}.frontend-icon-picker .icon-container .icon-preview{width:7em;height:7em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.frontend-icon-picker .icon-container .icon-preview .icon-box{font-size:500%;line-height:1.3;margin:0;text-align:center}.frontend-icon-picker .icon-container .icon-preview .icon-box i,.frontend-icon-picker .icon-container .icon-preview .icon-box span{font-size:unset}.frontend-icon-picker .icon-container .icon-preview .empty-box{text-align:center;overflow:hidden;text-overflow:ellipsis;line-height:1;font-size:100%}.frontend-icon-picker .icon-container .icon-preview .empty-box.hidden{display:none}.frontend-icon-picker .icon-container .icon-preview:hover{background:var(--dca-gray-light,var(--border-color,#d3d3d3));cursor:pointer}.frontend-icon-picker .icon-container .icon-close-indicator{display:block;border-radius:50%;color:var(--dca-black,var(--body-fg,var(--body-fg)));background-color:var(--dca-white,var(--body-bg,var(--body-bg)));padding:.3rem;border:1px solid var(--dca-black,var(--body-fg,var(--body-fg)));-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:0;inset-inline-start:100%;width:.6em;height:.6em;line-height:.5em;position:absolute;-webkit-transition:background-color .15s;transition:background-color .15s}.frontend-icon-picker .icon-container .icon-close-indicator:before{content:"×"}.frontend-icon-picker .icon-container .icon-close-indicator:hover{background:var(--delete-button-bg,red);color:var(--delete-button-fg,#fff);cursor:pointer}.uip-modal{position:fixed;height:100%;width:100%;inset-block-end:0;inset-inline-start:0;background-color:rgba(0,0,0,.8);z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.uip-modal *,.uip-modal :after,.uip-modal :before{-webkit-box-sizing:border-box;box-sizing:border-box}.uip-modal.uip-close{opacity:0;visibility:hidden;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.uip-modal.uip-open{opacity:1;visibility:visible;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.uip-modal .uip-modal--content{position:absolute;border-radius:3px;-webkit-box-shadow:2px 8px 23px 3px rgba(0,0,0,.2);box-shadow:2px 8px 23px 3px rgba(0,0,0,.2);overflow:hidden;font-family:Roboto,Arial,Helvetica,Verdana,sans-serif;background-color:var(--dca-gray-lightest,var(--darkened-bg,#f8f8f8));width:100%;margin:auto;left:0;right:0;margin-bottom:2em}.uip-modal .uip-modal--content .uip-modal--header{padding:15px 15px;background-color:var(--dca-white,var(--bg-color,#fff));-webkit-box-shadow:0 0 8px rgba(0,0,0,.1);box-shadow:0 0 8px rgba(0,0,0,.1);position:relative;z-index:1;font-size:15px;color:var(--dca-gray,var(--body-quiet-color,#666));font-weight:500;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.uip-modal .uip-modal--content .uip-modal--header .uip-modal--header-logo-title{padding-top:2px;line-height:1;text-transform:uppercase;font-weight:700;cursor:pointer}.uip-modal .uip-modal--content .uip-modal--header .uip-modal--header-close-btn{cursor:pointer}.uip-modal .uip-modal--content .uip-modal--body{font-size:12px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;height:70vh;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:50px;max-height:85vh;overflow:auto}.uip-modal .uip-modal--content .uip-modal--body .uip-modal--sidebar{-ms-flex-negative:0;flex-shrink:0;max-width:25%}.uip-modal .uip-modal--content .uip-modal--body .uip-modal--sidebar .uip-modal--sidebar-tabs{margin-top:30px}.uip-modal .uip-modal--content .uip-modal--body .uip-modal--sidebar .uip-modal--sidebar-tabs .uip-modal--sidebar-tab-item{padding:15px;font-size:14px;color:var(--dca-gray,var(--body-quiet-color,#666));text-align:start;cursor:pointer;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-transform:capitalize}.uip-modal .uip-modal--content .uip-modal--body .uip-modal--sidebar .uip-modal--sidebar-tabs .uip-modal--sidebar-tab-item i{font-size:20px;-webkit-padding-end:15px;padding-inline-end:15px;color:var(--dca-gray-lighter,var(--border-color,#ccc))}.uip-modal .uip-modal--content .uip-modal--body .uip-modal--sidebar .uip-modal--sidebar-tabs .uip-modal--sidebar-tab-item img{-webkit-padding-end:15px;padding-inline-end:15px}.uip-modal .uip-modal--content .uip-modal--body .uip-modal--sidebar .uip-modal--sidebar-tabs .uip-modal--sidebar-tab-item.universal-active{background-color:var(--dca-white,var(--bg-color,#fff));-webkit-box-shadow:0 6px 20px 0 rgba(0,0,0,.1);box-shadow:0 6px 20px 0 rgba(0,0,0,.1)}.uip-modal .uip-modal--content .uip-modal--body .uip-modal--sidebar .uip-modal--sidebar-tabs .uip-modal--sidebar-tab-item.universal-active:after{content:"";position:absolute;height:100%;width:5px;inset-block-start:0;inset-inline-start:0;background-color:var(--dca-action-bg,var(--dca-primary,var(--header-bg)))}.uip-modal .uip-modal--content .uip-modal--body .uip-modal--sidebar .uip-modal--sidebar-tabs .uip-modal--sidebar-tab-item.universal-active i{color:var(--dca-action-bg,var(--dca-primary,var(--header-bg)))}.uip-modal .uip-modal--content .uip-modal--body .uip-modal--sidebar .uip-modal--sidebar-tabs .uip-modal--sidebar-tab-item:only-child{display:none}.uip-modal .uip-modal--content .uip-modal--body .uip-modal--icon-preview-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:30px 80px 0;width:100%}.uip-modal .uip-modal--content .uip-modal--body .uip-modal--icon-preview-wrap .uip-modal--icon-preview-inner{overflow:auto;margin:25px -15px 0;padding:0 15px 15px}.uip-modal .uip-modal--content .uip-modal--body .uip-modal--icon-preview-wrap .uip-modal--icon-preview-inner .uip-modal--icon-preview{display:grid;grid-gap:20px;margin:20px 0}.uip-modal .uip-modal--content .uip-modal--body .uip-modal--icon-preview-wrap .uip-modal--icon-preview-inner .uip-modal--icon-preview .uip-icon-item{position:relative;padding:10px;background-color:var(--dca-white,var(--bg-color,#fff));-webkit-box-shadow:0 1px 12px rgba(0,0,0,.05);box-shadow:0 1px 12px rgba(0,0,0,.05);border-radius:3px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;overflow:hidden}.uip-modal .uip-modal--content .uip-modal--body .uip-modal--icon-preview-wrap .uip-modal--icon-preview-inner .uip-modal--icon-preview .uip-icon-item:hover{-webkit-box-shadow:0 1px 14px rgba(0,0,0,.16);box-shadow:0 1px 14px rgba(0,0,0,.16)}.uip-modal .uip-modal--content .uip-modal--body .uip-modal--icon-preview-wrap .uip-modal--icon-preview-inner .uip-modal--icon-preview .uip-icon-item.universal-selected{-webkit-box-shadow:0 1px 12px rgba(0,0,0,.05),0 0 0 3px var(--dca-action-bg,var(--dca-primary,var(--header-bg)));box-shadow:0 1px 12px rgba(0,0,0,.05),0 0 0 3px var(--dca-action-bg,var(--dca-primary,var(--header-bg)))}.uip-modal .uip-modal--content .uip-modal--body .uip-modal--icon-preview-wrap .uip-modal--icon-preview-inner .uip-modal--icon-preview .uip-icon-item .uip-icon-item-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:1px}.uip-modal .uip-modal--content .uip-modal--body .uip-modal--icon-preview-wrap .uip-modal--icon-preview-inner .uip-modal--icon-preview .uip-icon-item .uip-icon-item-inner .uip-icon-item__icon,.uip-modal .uip-modal--content .uip-modal--body .uip-modal--icon-preview-wrap .uip-modal--icon-preview-inner .uip-modal--icon-preview .uip-icon-item .uip-icon-item-inner i{font-size:25px;color:var(--dca-gray-darkest,var(--body-fg,#333))}.uip-modal .uip-modal--content .uip-modal--body .uip-modal--icon-preview-wrap .uip-modal--icon-preview-inner .uip-modal--icon-preview .uip-icon-item .uip-icon-item-inner .uip-icon-item-name{color:var(--dca-gray,var(--body-quiet-color,#666));font-size:11px;padding:13px 0 0;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-transform:capitalize}.uip-modal .uip-modal--content .uip-modal--body .uip-modal--icon-preview-wrap .uip-modal--icon-search{position:relative}.uip-modal .uip-modal--content .uip-modal--body .uip-modal--icon-preview-wrap .uip-modal--icon-search input{width:100%;padding:8px 15px;background-color:var(--dca-white,var(--bg-color,#fff));border:none}.uip-modal .uip-modal--content .uip-modal--body .uip-modal--icon-preview-wrap .uip-modal--icon-search input::-webkit-input-placeholder{font-style:italic}.uip-modal .uip-modal--content .uip-modal--body .uip-modal--icon-preview-wrap .uip-modal--icon-search input::-moz-placeholder{font-style:italic}.uip-modal .uip-modal--content .uip-modal--body .uip-modal--icon-preview-wrap .uip-modal--icon-search input:-ms-input-placeholder{font-style:italic}.uip-modal .uip-modal--content .uip-modal--body .uip-modal--icon-preview-wrap .uip-modal--icon-search input::-ms-input-placeholder{font-style:italic}.uip-modal .uip-modal--content .uip-modal--body .uip-modal--icon-preview-wrap .uip-modal--icon-search input::placeholder{font-style:italic}.uip-modal .uip-modal--content .uip-modal--body .uip-modal--icon-preview-wrap .uip-modal--icon-search img{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);inset-inline-end:10px}.uip-modal .uip-modal--footer{border-top:1px solid var(--dca-gray-lighter,var(--border-color,#ccc));text-align:center;background-color:var(--dca-white,var(--bg-color,#fff));border:none;display:none;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:5px;-webkit-box-shadow:0 0 8px rgba(0,0,0,.1);box-shadow:0 0 8px rgba(0,0,0,.1);position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.uip-modal .uip-modal--footer button.uip-insert-icon-button{padding:10px 35px!important;color:var(--dca-action-text,var(--body-bg))!important;background-color:var(--dca-action-bg,var(--dca-primary,var(--header-bg)))!important;border:none;cursor:pointer;outline:0}.uip-modal .uip-modal--footer .universal-button{height:40px;-webkit-margin-start:5px;margin-inline-start:5px}.uip-modal .uip-modal--footer .universal-button-success{padding:12px 36px;color:var(--dca-white,var(--bg-color,#fff));width:initial}.uip-modal .uip-modal--footer .universal-button-success:hover{background-color:var(--dca-action-bg,var(--dca-primary,var(--header-bg)))}@media (min-width:1440px){body:not(.cms-admin-modal) .uip-modal .uip-modal--content{max-width:1200px}}@media (max-width:1439px){body:not(.cms-admin-modal) .uip-modal .uip-modal--content{max-width:990px}.uip-modal--icon-preview-wrap{padding:30px 50px 0}}@media (max-width:1023px){body:not(.cms-admin-modal) .uip-modal .uip-modal--content{max-width:740px}}@media (max-width:767px){.uip-modal--icon-preview-wrap{padding:15px!important}.uip-modal--sidebar{display:none}}@media (min-width:1440px){.uip-modal--icon-preview{grid-template-columns:repeat(7,1fr)}}@media (max-width:1439px){.uip-modal--icon-preview{grid-template-columns:repeat(6,1fr)}}@media (max-width:1024px){.uip-modal--icon-preview{grid-template-columns:repeat(5,1fr)}}@media (max-width:767px){.uip-modal--icon-preview{grid-template-columns:repeat(4,1fr)}}@media (max-width:479px){.uip-modal--icon-preview{grid-template-columns:repeat(3,1fr)}}@media (max-width:1439px){.uip-modal--sidebar-tab-item{padding:15px 15px 15px 25px;font-size:11px}.uip-modal--sidebar-tab-item i{font-size:15px}}@media (max-width:1024px){.uip-modal--sidebar-tab-item i,.uip-modal--sidebar-tab-item img{display:none}}.sr-only{display:none}#content-main ul.nav{margin-bottom:1em}#content-main ul.nav>li.nav-item{list-style-type:none;padding:inherit}#content-main ul.nav>li.nav-item a.nav-link{text-decoration:none}input[type=number].auto-field+span{display:none;position:absolute;inset-block-end:0;inset-inline-end:0;text-align:end;-webkit-margin-end:31px;margin-inline-end:31px;-webkit-margin-after:23px;margin-block-end:23px;cursor:pointer}body:not(.djangocms-admin-style) input[type=number].auto-field+span{margin-bottom:23px}@media (max-width:1024px){body:not(.djangocms-admin-style) input[type=number].auto-field+span{margin-bottom:24px}}input[type=number].auto-field+span:after{content:"auto"}input[type=number].auto-field.auto{color:var(--dca-white,var(--body-bg,#fff));caret-color:var(--dca-black,var(--body-fg,#000))}input[type=number].auto-field.auto+span{display:block} \ No newline at end of file diff --git a/djangocms_frontend/static/djangocms_frontend/css/button_group.css b/djangocms_frontend/static/djangocms_frontend/css/button_group.css index c3f571de..c3d38b42 100644 --- a/djangocms_frontend/static/djangocms_frontend/css/button_group.css +++ b/djangocms_frontend/static/djangocms_frontend/css/button_group.css @@ -5,4 +5,4 @@ /private/sass instead */ -[data-theme=auto]{--dca-light-mode:1;--dca-dark-mode:0}@media (prefers-color-scheme:dark){[data-theme=auto]{--dca-light-mode:0;--dca-dark-mode:1}}[data-theme=light]{--dca-light-mode:1;--dca-dark-mode:0}[data-theme=dark]{--dca-light-mode:0;--dca-dark-mode:1}:root{--bs-secondary-rgb:0,123,255;--bs-secondary:#6c757d;--bs-primary:#0d6efd;--bs-gray-600:#6c757d;--bs-gray-900:#212529;--bs-light:#f8f9fa;--bs-dark:#343a40;--bs-white:#fff;--bs-black:#000;--bs-success:#198754;--bs-danger:#dc3545;--bs-warning:#ffc107;--bs-info:#0dcaf0}:root .btn-primary{color:#fff;background-color:var(--bs-primary)}:root .btn-secondary{color:#fff;background-color:var(--bs-secondary)}:root .btn-light{background-color:var(--bs-light)}:root .btn-dark{background-color:var(--bs-dark)}:root .btn-success{color:#fff;background-color:var(--bs-success)}:root .btn-danger{color:var(--body-bg);background-color:var(--bs-danger)}:root .btn-warning{color:#000;background-color:var(--bs-warning)}:root .btn-info{color:#000;background-color:var(--bs-info)}form .form-row div.frontend-button-group.frontend-button-group-block{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}form .form-row div.frontend-button-group.frontend-button-group-block label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-ms-flex-preferred-size:calc(25% - 6px);flex-basis:calc(25% - 6px)}@media (min-width:820px){form .form-row div.frontend-button-group.frontend-button-group-block label{-ms-flex-preferred-size:calc(20% - 6px);flex-basis:calc(20% - 6px)}}form .form-row div.frontend-button-group label.btn-grp{margin:3px;text-transform:none;text-align:center!important;outline:2px solid transparent;outline-offset:2px;width:auto!important;font-weight:400!important;display:inline-block}form .form-row div.frontend-button-group label.btn-grp:not(.btn){padding:4px 7px}form .form-row div.frontend-button-group input[property=color]+label.btn-grp[style="--fe-value: ;"]{color:var(--body-fg)!important}form .form-row div.frontend-button-group input[property=color][value=transparent]+label.btn-grp{color:var(--body-fg)!important}form .form-row div.frontend-button-group input[property=text]+label.btn-grp{color:var(--body-fg)!important}form .form-row div.frontend-button-group input[type=checkbox]:checked+label.btn-grp,form .form-row div.frontend-button-group input[type=radio]:checked+label.btn-grp{outline-color:var(--primary);border-radius:0;border:none}form .form-row div.frontend-button-group input[property=icon]+label.btn-grp{margin-left:.5rem;margin-right:.5rem}form .form-row div.frontend-button-group input[property=icon]:checked+label.btn-grp,form .form-row div.frontend-button-group input[property=text]:checked+label.btn-grp{background:var(--dca-action-bg,var(--header-bg))}form .form-row div.frontend-button-group input[property=opacity]+label.btn-grp{width:3.5em!important;-webkit-padding-start:0!important;padding-inline-start:0!important;-webkit-padding-end:0!important;padding-inline-end:0!important;color:var(--body-fg)!important;overflow:hidden;white-space:nowrap;background:rgba(var(--bs-secondary-rgb),calc(var(--fe-value)/ 100))}form .form-row div.frontend-button-group input[property=link-size][value=btn-lg]+label.btn-grp{padding:.5rem 1rem!important;font-size:1.25rem;border-radius:.3rem}form .form-row div.frontend-button-group input[property=link-size][value=btn-sm]+label.btn-grp{padding:.25rem .5rem!important;font-size:.875rem;border-radius:.2rem}form .form-row div.frontend-button-group input[property=list_state]+label.btn-grp[style="--fe-value: ;"]{color:var(--body-fg)!important}form .form-row div.frontend-button-group input[property=list_state][value=active]+label.btn-grp{background:var(--bs-primary);color:#fff}form .form-row div.frontend-button-group input[property=list_state][value=disabled]+label.btn-grp{color:var(--bs-gray-600)!important;background:#fff}form .form-row div.frontend-button-group input[property=shadow]+label.btn-grp{-webkit-margin-end:1em;margin-inline-end:1em;width:3.5em!important;padding-left:0!important;padding-right:0!important;background:var(--bs-secondary);color:#fff!important;text-align:center!important;border:var(--bs-secondary) 1px solid!important;overflow:hidden;white-space:nowrap}form .form-row div.frontend-button-group input[property=shadow][value=lg]+label.btn-grp{-webkit-box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important;box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}form .form-row div.frontend-button-group input[property=shadow][value=reg]+label.btn-grp{-webkit-box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important;box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}form .form-row div.frontend-button-group input[property=shadow][value=sm]+label.btn-grp{-webkit-box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important;box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}form .form-row div.frontend-button-group input[property=nav-design][value=light]+label.btn-grp{background:var(--bs-light);color:var(--bs-gray-900)!important}form .form-row div.frontend-button-group input[property=nav-design][value=dark]+label.btn-grp{background:var(--bs-dark);color:var(--bs-white)!important}form .form-row div.frontend-button-group .btn-white{background:#fff;color:var(--body-fg)!important}form .form-row div.frontend-button-group .btn-light{color:#000!important}form .form-row div.frontend-button-group .btn-dark{color:#fff!important}form .form-row div.frontend-button-group .btn-transparent{color:var(--dca-black,var(--body-fg,#000))}body:not(.djangocms-admin-style) .frontend-button-group .optgroup{clear:both} \ No newline at end of file +[data-theme=auto]{--dca-light-mode:1;--dca-dark-mode:0}@media (prefers-color-scheme:dark){[data-theme=auto]{--dca-light-mode:0;--dca-dark-mode:1}}[data-theme=light]{--dca-light-mode:1;--dca-dark-mode:0}[data-theme=dark]{--dca-light-mode:0;--dca-dark-mode:1}:root{--bs-secondary-rgb:0,123,255;--bs-secondary:#6c757d;--bs-primary:#0d6efd;--bs-gray-600:#6c757d;--bs-gray-900:#212529;--bs-light:#f8f9fa;--bs-dark:#343a40;--bs-white:#fff;--bs-black:#000;--bs-success:#198754;--bs-danger:#dc3545;--bs-warning:#ffc107;--bs-info:#0dcaf0}:root .btn-primary{color:#fff;background-color:var(--bs-primary)}:root .btn-secondary{color:#fff;background-color:var(--bs-secondary)}:root .btn-light{background-color:var(--bs-light)}:root .btn-dark{background-color:var(--bs-dark)}:root .btn-success{color:#fff;background-color:var(--bs-success)}:root .btn-danger{color:var(--body-bg);background-color:var(--bs-danger)}:root .btn-warning{color:#000;background-color:var(--bs-warning)}:root .btn-info{color:#000;background-color:var(--bs-info)}form .form-row div.frontend-button-group.frontend-button-group-block{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}form .form-row div.frontend-button-group.frontend-button-group-block label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-ms-flex-preferred-size:calc(25% - 6px);flex-basis:calc(25% - 6px)}@media (min-width:820px){form .form-row div.frontend-button-group.frontend-button-group-block label{-ms-flex-preferred-size:calc(20% - 6px);flex-basis:calc(20% - 6px)}}form .form-row div.frontend-button-group label.btn-grp{margin:3px;text-transform:none;text-align:center!important;outline:2px solid transparent;outline-offset:2px;width:auto!important;font-weight:400!important;display:inline-block}form .form-row div.frontend-button-group label.btn-grp:not(.btn){padding:4px 7px}form .form-row div.frontend-button-group input[property=color]+label.btn-grp[style="--fe-value: ;"]{color:var(--body-fg)!important}form .form-row div.frontend-button-group input[property=color][value=transparent]+label.btn-grp{color:var(--body-fg)!important}form .form-row div.frontend-button-group input[property=text]+label.btn-grp{color:var(--body-fg)!important}form .form-row div.frontend-button-group input[type=checkbox]:checked+label.btn-grp,form .form-row div.frontend-button-group input[type=radio]:checked+label.btn-grp{outline-color:var(--primary);border-radius:0;border:none}form .form-row div.frontend-button-group input[property=icon]+label.btn-grp{margin-left:.5rem;margin-right:.5rem}form .form-row div.frontend-button-group input[property=icon]:checked+label.btn-grp,form .form-row div.frontend-button-group input[property=text]:checked+label.btn-grp{background:var(--dca-action-bg,var(--dca-primary,var(--header-bg)))}form .form-row div.frontend-button-group input[property=opacity]+label.btn-grp{width:3.5em!important;-webkit-padding-start:0!important;padding-inline-start:0!important;-webkit-padding-end:0!important;padding-inline-end:0!important;color:var(--body-fg)!important;overflow:hidden;white-space:nowrap;background:rgba(var(--bs-secondary-rgb),calc(var(--fe-value)/ 100))}form .form-row div.frontend-button-group input[property=link-size][value=btn-lg]+label.btn-grp{padding:.5rem 1rem!important;font-size:1.25rem;border-radius:.3rem}form .form-row div.frontend-button-group input[property=link-size][value=btn-sm]+label.btn-grp{padding:.25rem .5rem!important;font-size:.875rem;border-radius:.2rem}form .form-row div.frontend-button-group input[property=list_state]+label.btn-grp[style="--fe-value: ;"]{color:var(--body-fg)!important}form .form-row div.frontend-button-group input[property=list_state][value=active]+label.btn-grp{background:var(--bs-primary);color:#fff}form .form-row div.frontend-button-group input[property=list_state][value=disabled]+label.btn-grp{color:var(--bs-gray-600)!important;background:#fff}form .form-row div.frontend-button-group input[property=shadow]+label.btn-grp{-webkit-margin-end:1em;margin-inline-end:1em;width:3.5em!important;padding-left:0!important;padding-right:0!important;background:var(--bs-secondary);color:#fff!important;text-align:center!important;border:var(--bs-secondary) 1px solid!important;overflow:hidden;white-space:nowrap}form .form-row div.frontend-button-group input[property=shadow][value=lg]+label.btn-grp{-webkit-box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important;box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}form .form-row div.frontend-button-group input[property=shadow][value=reg]+label.btn-grp{-webkit-box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important;box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}form .form-row div.frontend-button-group input[property=shadow][value=sm]+label.btn-grp{-webkit-box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important;box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}form .form-row div.frontend-button-group input[property=nav-design][value=light]+label.btn-grp{background:var(--bs-light);color:var(--bs-gray-900)!important}form .form-row div.frontend-button-group input[property=nav-design][value=dark]+label.btn-grp{background:var(--bs-dark);color:var(--bs-white)!important}form .form-row div.frontend-button-group .btn-white{background:#fff;color:var(--body-fg)!important}form .form-row div.frontend-button-group .btn-light{color:#000!important}form .form-row div.frontend-button-group .btn-dark{color:#fff!important}form .form-row div.frontend-button-group .btn-transparent{color:var(--dca-black,var(--body-fg,#000))}body:not(.djangocms-admin-style) .frontend-button-group .optgroup{clear:both} \ No newline at end of file diff --git a/private/sass/components/_button-group.scss b/private/sass/components/_button-group.scss index e99ffc23..1c5e5439 100644 --- a/private/sass/components/_button-group.scss +++ b/private/sass/components/_button-group.scss @@ -46,6 +46,13 @@ } } +form .form-row>div:not([class])>.flex-container>label+div.frontend-button-group { + // djangocms-adim-style hack with high specificity + max-width: unset; + width: unset; +} + + .frontend-button-group-context-size, .frontend-button-group-context-colors { > div { diff --git a/private/sass/components/_variables.scss b/private/sass/components/_variables.scss index 6db706f0..b7a9cf88 100644 --- a/private/sass/components/_variables.scss +++ b/private/sass/components/_variables.scss @@ -1,5 +1,5 @@ $color-primary: var(--primary); -$color-secondary: var(--dca-action-bg, var(--header-bg)); +$color-secondary: var(--dca-action-bg, var(--dca-primary, var(--header-bg))); $color-gray: var(--dca-gray, var(--breadcrumbs-fg, #999)); $dark-fg: var(--dca-dark-fg, #333);