/* db-widget-shared */
.modal-box .select-box,.select-box-mini{gap:0;}
.select-box-mini{padding:0;}
.db-num-unit{display:inline-flex; align-items:center;}
.modal-box .modal-body .input-box.db-num-unit{width:auto;}
.db-num-unit input{flex:none; width:70px; text-align:center;}
body.menu-dragging{cursor:grabbing !important; user-select:none;}
body.menu-dragging *{cursor:grabbing !important;}
br[data-d="tablet"],br[data-d="mobile"]{display:none;}
@media (max-width:1100px){
br[data-d="desktop"]{display:none;}
br[data-d="tablet"]{display:inline;}
br[data-d="mobile"]{display:none;}
}
@media (max-width:600px){
br[data-d="desktop"]{display:none;}
br[data-d="tablet"]{display:none;}
br[data-d="mobile"]{display:inline;}
}
[data-editable-key] *,.db-rt-dynamic *{font-family:inherit; font-weight:inherit; font-size:inherit; color:inherit; letter-spacing:inherit; line-height:inherit; vertical-align:baseline;}
[data-editable-key] strong,[data-editable-key] b,.db-rt-dynamic strong,.db-rt-dynamic b{font-weight:bold;}
[data-editable-key] em,[data-editable-key] i,.db-rt-dynamic em,.db-rt-dynamic i{font-style:italic;}
[data-editable-key] u,.db-rt-dynamic u{text-decoration:underline;}
[data-editable-key] s,[data-editable-key] strike,[data-editable-key] del,.db-rt-dynamic s,.db-rt-dynamic strike,.db-rt-dynamic del{text-decoration:line-through;}
[data-editable-key] sub,.db-rt-dynamic sub{vertical-align:sub; font-size:smaller;}
[data-editable-key] sup,.db-rt-dynamic sup{vertical-align:super; font-size:smaller;}
[data-editable-key] > ul,.db-rt-dynamic > ul{list-style:disc !important; padding-left:1.5em !important;}
[data-editable-key] > ol,.db-rt-dynamic > ol{list-style:decimal !important; padding-left:1.5em !important;}
[data-editable-key] > ul li,[data-editable-key] > ol li,.db-rt-dynamic > ul li,.db-rt-dynamic > ol li{display:list-item !important; list-style:inherit !important;}
[data-editable-key] > ul li,.db-rt-dynamic > ul li{list-style:disc !important;}
[data-editable-key] > ol li,.db-rt-dynamic > ol li{list-style:decimal !important;}
[data-editable-key] blockquote,.db-rt-dynamic blockquote{border-left:4px solid #d1d5db; padding-left:0.8em;}
[data-editable-key] a,.db-rt-dynamic a{display:inline; vertical-align:baseline;}
#tooltip-fp-sections{left:0; right:auto; transform:translateX(-48px);}
#tooltip-fp-sections:before{left:48px; right:auto; transform:none;}
#fpOpts .db-fp-sublabel{flex:none; width:52px; font-size:12px; color:var(--color-gray-1100);}
#fpSections .fp-sec-name{display:flex; align-items:center; gap:5px; width:100%; padding:0; background:none; border:0; cursor:pointer; font-size:12px; font-weight:600; text-align:left; color:var(--color-black-500); transition:color .15s;}
#fpSections .fp-sec-name:hover{color:#4f46e5;}
#fpSections .fp-sec-name:focus-visible{outline:2px solid #4f46e5; outline-offset:1px;}
#fpSections .fp-sec-name svg{flex:none;}
.sort-ghost-li{border-radius:10px; box-shadow:0 4px 12px rgba(0,0,0,.15); background:var(--color-white,#fff);}
.sort-ghost-li ul{list-style:none; padding:0; margin:0;}
.sort-ghost-li li{border:1px solid #4f46e5; border-radius:var(--radius-10); padding:var(--padding-10); gap:var(--gap-5); display:flex; flex-wrap:wrap; align-items:center; background:var(--color-white,#fff);}
.sort-ghost-li li .sort{flex-shrink:0; width:var(--icon-20); height:var(--icon-20); border:0; padding:0; font-size:0; background:url('/asset/images/icon_sortable.svg') no-repeat center / 14px;}
.sort-ghost-li li.depth-2{margin-left:var(--margin-10); width:calc(100% - 10px);}
.sort-ghost-li li.depth-3{margin-left:var(--margin-20); width:calc(100% - 20px);}
.sort-ghost-li .sort-ghost-count{display:block; margin-top:4px; padding:6px 10px; border:1px dashed #4f46e5; border-radius:var(--radius-8); font-size:12px; font-weight:600; color:#4f46e5; background:var(--color-white,#fff);}
.sort-ghost-li.sort-ghost-promote{box-shadow:-4px 0 0 0 #4f46e5, 0 4px 12px rgba(0,0,0,.15);}
#mf_link_select option.in-use{background:var(--color-gray-200,#e5e7eb);}
@keyframes dbHistoryFlash{
	0%   {outline: 3px solid #4f46e5; outline-offset: 4px; box-shadow: 0 0 0 6px rgba(166,35,41,0.15);}
	50%  {outline: 3px solid #4f46e5; outline-offset: 4px; box-shadow: 0 0 0 10px rgba(166,35,41,0.08);}
	100% {outline: 3px solid transparent;          outline-offset: 4px; box-shadow: 0 0 0 0 rgba(166,35,41,0);}
}
@media(min-width:1101px){
br[data-d]:not([data-d~="desktop"]){display:none;}
}
@media(max-width:1100px) and (min-width:601px){
br[data-d]:not([data-d~="tablet"]){display:none;}
}
@media(max-width:600px){
br[data-d]:not([data-d~="mobile"]){display:none;}
}
.tab-content-box:not([hidden]){display:flex; flex-direction:column;}
.tab-none-box{padding:var(--padding-30); text-align:center;}
.tab-none-box .inner{max-width:400px; margin:0 auto; padding:var(--padding-20); border:2px dashed var(--color-gray-700); border-radius:var(--radius-10); background:var(--color-white);}
.tab-none-box p{font-size:var(--font-md); color:var(--color-gray-1000); word-break:keep-all; !important;}
@media (max-width:991px){
.tab-none-box{padding:0;}
.tab-none-box p{font-size:var(--font-sm);}
}
.db-widget-search{margin-bottom:14px;}
.db-widget-search .search-row{display:flex; align-items:center; gap:8px;}
.db-widget-search input[type="search"]{flex:1 1 auto; min-width:0; height:38px; padding:0 12px; border:1px solid var(--color-gray-500); border-radius:8px; background:var(--color-white); font-size:var(--font-14); color:var(--color-gray-1200);}
.db-widget-search input[type="search"]:focus{outline:none; border-color:#4f46e5; box-shadow:0 0 0 3px rgba(79,70,229,.15);}
.db-widget-search .search-reset{flex:0 0 auto; height:38px; padding:0 14px; border:1px solid var(--color-gray-500); border-radius:8px; background:var(--color-white); font-size:var(--font-13); color:var(--color-gray-1000); cursor:pointer;}
.db-widget-search .search-reset:hover{border-color:#4f46e5; color:#4f46e5;}
.db-widget-search .search-chips{display:flex; flex-wrap:wrap; gap:6px; margin-top:8px;}
.db-widget-search .search-chips:empty{display:none;}
.db-widget-search .search-chips li{display:inline-flex; align-items:center; gap:6px; height:28px; padding:0 6px 0 10px; border-radius:999px; background:#eef2ff; color:#4338ca; font-size:var(--font-13);}
.db-widget-search .search-chips button{position:relative; flex:0 0 auto; width:18px; height:18px; padding:0; border:0; border-radius:50%; background:#4338ca; font-size:0; line-height:0; cursor:pointer;}
.db-widget-search .search-chips button::before{content:""; position:absolute; inset:0; background:var(--color-white); -webkit-mask:url('/asset/images/icon_close.svg') no-repeat center / 8px 8px; mask:url('/asset/images/icon_close.svg') no-repeat center / 8px 8px;}
.db-widget-search .search-chips button:hover{background:#312e81;}
.thumb-stage{position:relative; width:100%; overflow:hidden; background:var(--color-white); pointer-events:none;}
.thumb-inner{width:1200px; transform-origin:top left;}
.category-box .category1 > li > .cate .cate-fav-icon{display:inline-block; vertical-align:middle; width:13px; height:13px; margin-right:4px; background:url('/asset/images/icon_heart_on.svg') no-repeat center/contain; filter:invert(45%) sepia(35%) saturate(4000%) hue-rotate(343deg) brightness(96%) contrast(90%);}
.db-ins-panel{position:relative;}
.db-ins-panel:not(.is-empty):first-child{padding-top:22px;}
.db-ins-panel:not(.is-empty):last-child{padding-bottom:22px;}
.db-ins-panel .btn-add-child-widget{width:28px; height:28px; background:#4f46e5;}
.db-ins-panel .btn-add-child-widget:after{width:var(--icon-16); height:var(--icon-16);}
.db-ins-panel .btn-add-child-widget:hover{background:#4f46e5;}
.db-ins-panel .btn-add-child-widget::before{content:"내부에 새 위젯 추가"; height:22px; background:#4f46e5;}
.db-ins-panel.is-empty{padding:0;}
.db-ins-panel.is-empty .btn-add-child-widget{position:absolute; left:50%; top:0; transform:translate(-50%,-50%); opacity:0; width:auto; height:26px; padding:0 12px 0 9px; border-radius:20px; background:#4f46e5; display:inline-flex; align-items:center; gap:6px; z-index:1; transition:opacity .2s, background .2s;}
.db-ins-panel.is-empty:hover .btn-add-child-widget{opacity:1;}
.db-ins-panel.is-empty .btn-add-child-widget:hover{background:#4338ca; transform:translate(-50%,-50%);}
.db-ins-panel:first-child.is-empty .btn-add-child-widget{transform:translate(-50%,-50%) translateY(15px);}
.db-ins-panel:last-child.is-empty .btn-add-child-widget{transform:translate(-50%,-50%) translateY(-15px);}
.db-ins-panel:first-child.is-empty .btn-add-child-widget:hover{transform:translate(-50%,-50%) translateY(15px);}
.db-ins-panel:last-child.is-empty .btn-add-child-widget:hover{transform:translate(-50%,-50%) translateY(-15px);}
.db-ins-panel.is-empty .btn-add-child-widget::after{order:1; width:var(--icon-12,12px); height:var(--icon-12,12px); filter:none; background:var(--color-white); -webkit-mask:url('/asset/images/icon_plus.svg') no-repeat center / contain; mask:url('/asset/images/icon_plus.svg') no-repeat center / contain;}
.db-ins-panel.is-empty .btn-add-child-widget::before{order:2; position:static; transform:none; height:auto; padding:0; border-radius:0; background:none; color:var(--color-white); font-size:12px; font-weight:600;}
.db-ins-panel.is-empty .btn-add-child-widget:hover::before{transform:none;}
[data-editable-key][contenteditable="true"]{outline:none; min-height:1em; border-radius:2px; transition:box-shadow .12s ease, background-color .12s ease; cursor:text;}
[data-editable-key][contenteditable="true"]:hover{box-shadow:0 0 0 1px rgba(0,123,255,0.25); background-color:rgba(0,123,255,0.03);}
[data-editable-key][contenteditable="true"]:focus{box-shadow:0 0 0 2px #4f46e5; background-color:rgba(255,255,255,0.4);}
.richtext-side-notice{padding:12px 14px; background:#f6f9ff; border:1px dashed #b9cdff; border-radius:6px; color:#444;}
.richtext-side-notice .rt-notice-line{margin:0 0 6px; font-size:13px; color:#4f46e5;}
.richtext-side-notice .rt-notice-hint{margin:0; font-size:12px; color:#777; line-height:1.45;}
.db-side-exthelp{padding:12px 14px; background:#f6f9ff; border:1px dashed #b9cdff; border-radius:6px;}
.db-side-exthelp .db-exthelp-desc{margin:0 0 10px; font-size:12.5px; color:#555; line-height:1.55; word-break:keep-all;}
.db-exthelp-btn{display:block; width:100%; padding:9px 12px; border:0; border-radius:8px; background:#4f46e5; color:#fff; font-size:13px; font-weight:600; cursor:pointer; transition:background .15s;}
.db-exthelp-btn:hover{background:#4338ca;}
.db-exthelp-btn:focus-visible{outline:2px solid #4f46e5; outline-offset:2px;}
.db-le-rows{display:flex; flex-direction:column; gap:8px; margin-bottom:12px;}
.db-le-row{display:flex; align-items:center; gap:8px;}
.db-le-row .check-box{flex:0 0 auto; white-space:nowrap;}
.db-le-row .check-box input:checked ~ label:before{background-color:#4f46e5;}
.db-le-row .button-box{flex:0 0 auto;}
.db-le-addbox{margin-top:4px;}
.db-le-drag{flex:0 0 auto; cursor:grab; color:#9aa1ad; font-size:15px; line-height:1; padding:0 4px; user-select:none; align-self:center; border-radius:5px;}
.db-le-drag:hover{color:#4f46e5; background:#eef2ff;}
.db-le-drag:active{cursor:grabbing;}
.db-le-row{transition:background .1s;}
.db-le-row.db-le-dragging{opacity:.5; outline:2px dashed #4f46e5; outline-offset:-1px; border-radius:6px; background:#f6f9ff;}
.db-le-brbox{flex:0 0 auto; white-space:nowrap;}
.db-le-brbox input:checked ~ label:before{background-color:#4f46e5;}
.db-le-imgbox{position:relative; flex:0 0 auto; width:56px; height:56px; border:1px solid #d5dae2; border-radius:6px; background:#f7f8fa no-repeat center/cover; cursor:pointer; overflow:hidden;}
.db-le-imgbox:hover{border-color:#4f46e5;}
.db-le-imgbox .db-le-imgfile{position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.db-le-imgbox:not(.has-img)::after{content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:20px; height:20px; background:url('/asset/images/icon_plus.svg') no-repeat center/contain; opacity:.5;}
.db-le-tokens{display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin-bottom:10px; padding:9px 11px; background:#f6f9ff; border:1px solid #e3e9f5; border-radius:8px;}
.db-le-tokens-hint{font-size:12px; font-weight:600; color:#4f46e5; margin-right:2px;}
.db-le-token{padding:3px 9px; border:1px solid #c7d2fe; border-radius:999px; background:#fff; color:#4338ca; font-size:12px; font-weight:600; cursor:pointer; transition:background .12s, border-color .12s;}
.db-le-token:hover{background:#4f46e5; border-color:#4f46e5; color:#fff;}
.db-le-token:focus-visible{outline:2px solid #4f46e5; outline-offset:1px;}
.db-le-token-off,.db-le-token-off:hover{opacity:.45; cursor:not-allowed; background:#f3f4f6; border-color:#e5e7eb; color:#9aa1ad;}
.db-cw-row{display:flex; flex-wrap:wrap; align-items:center; gap:6px; max-width:100%;}
.db-cw-label{flex:1 1 100%; min-width:0; font-size:12px; font-weight:600; color:#2b303b; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.db-cw-row .select-box{flex:1 1 0; min-width:0;}
.db-cw-row .db-cw-valbox{flex:1 1 0; min-width:0;}
.db-cw-row .select-box select,.db-cw-row .db-cw-valbox input{min-width:0; width:100%; box-sizing:border-box;}
.db-cw-empty{font-size:12px; color:#8a90a0; padding:6px 2px; margin:0;}
.db-opt-hidden-li,#dbSectionSide li:has(.db-opt-hidden){display:none !important;}
.db-rt-toolbar{position:absolute; z-index:10010; display:inline-flex; align-items:center; gap:2px; background:#2c2c2c; color:#fff; border-radius:6px; padding:4px 6px; box-shadow:0 6px 20px rgba(0,0,0,0.25); font-size:13px; user-select:none;}
.db-rt-toolbar .rt-btn{all:unset; box-sizing:border-box; cursor:pointer; min-width:28px; height:28px; padding:0 6px; display:inline-flex; align-items:center; justify-content:center; border-radius:4px; color:#fff; font-size:14px; line-height:1; transition:background-color .12s ease;}
.db-rt-toolbar .rt-btn:hover{background:rgba(255,255,255,0.15);}
.db-rt-toolbar .rt-btn:focus-visible{outline:2px solid #4f46e5; outline-offset:1px;}
.db-rt-toolbar .rt-btn b,.db-rt-toolbar .rt-btn i,.db-rt-toolbar .rt-btn u,.db-rt-toolbar .rt-btn s{color:#fff !important;}
.db-rt-toolbar .rt-btn b{font-weight:800; font-style:normal;}
.db-rt-toolbar .rt-btn i{font-style:italic;}
.db-rt-toolbar .rt-btn u{text-decoration:underline; font-style:normal;}
.db-rt-toolbar .rt-btn s{text-decoration:line-through; font-style:normal;}
.db-rt-toolbar .rt-color-ind{display:inline-block; font-weight:700; color:#fff; border-bottom:3px solid currentColor; padding-bottom:1px; line-height:1;}
.db-rt-toolbar .rt-bgcolor-ind{display:inline-block; font-weight:700; color:#fff; background:rgba(255,255,255,0.18); padding:1px 4px; border-radius:2px; line-height:1;}
.db-rt-toolbar .rt-sep{width:1px; height:18px; background:rgba(255,255,255,0.2); margin:0 2px;}
.rt-spec-host{pointer-events:auto; visibility:visible !important;}
.rt-spec-host .sp-container.sp-hidden{display:block !important; visibility:visible !important;}
.rt-spec-host .sp-container{display:block !important; visibility:visible !important;}
.rt-spec-host .sp-replacer{display:none !important;}
.db-rt-colorpop{position:absolute; z-index:10011; background:#fff; border:1px solid #ddd; border-radius:6px; padding:8px; box-shadow:0 6px 20px rgba(0,0,0,0.2); width:200px; font-size:12px;}
.db-rt-colorpop .rt-color-grid{display:flex; flex-direction:column; gap:4px;}
.db-rt-colorpop .rt-color-row{display:flex; gap:4px;}
.db-rt-colorpop .rt-color-swatch{all:unset; box-sizing:border-box; cursor:pointer; flex:1; aspect-ratio:1/1; border-radius:3px; border:1px solid rgba(0,0,0,0.15); transition:transform .12s ease;}
.db-rt-colorpop .rt-color-swatch:hover{transform:scale(1.15); border-color:rgba(0,0,0,0.3);}
.db-rt-colorpop .rt-color-swatch:focus-visible{outline:2px solid #4f46e5; outline-offset:1px;}
.db-rt-colorpop .rt-color-controls{display:flex; flex-direction:column; gap:6px; margin-top:8px; padding-top:8px; border-top:1px solid #eee;}
.db-rt-colorpop .rt-color-custom{width:100%; height:28px; padding:0; border:1px solid #ddd; border-radius:3px; cursor:pointer; background:#fff;}
.db-rt-colorpop .rt-color-alpha-label{display:flex; align-items:center; gap:6px; color:#555;}
.db-rt-colorpop .rt-color-alpha{flex:1; height:18px; cursor:pointer;}
.db-rt-colorpop .rt-color-alpha-val{min-width:34px; text-align:right; font-variant-numeric:tabular-nums;}
.db-rt-colorpop .rt-color-actions{display:flex; gap:4px; margin-top:8px; padding-top:8px; border-top:1px solid #eee;}
.db-rt-colorpop .rt-color-actions button{all:unset; box-sizing:border-box; cursor:pointer; flex:1; height:28px; border-radius:3px; text-align:center; font-size:12px; transition:background-color .12s ease;}
.db-rt-colorpop .rt-color-clear{color:#888; border:1px solid #ddd;}
.db-rt-colorpop .rt-color-clear:hover{background:#f5f5f5;}
.db-rt-colorpop .rt-color-cancel{color:#666; border:1px solid #ddd;}
.db-rt-colorpop .rt-color-cancel:hover{background:#f5f5f5;}
.db-rt-colorpop .rt-color-apply{color:#fff; background:#4f46e5;}
.db-rt-colorpop .rt-color-apply:hover{filter:brightness(1.1);}
.db-rt-toolbar{max-width:calc(100vw - 24px); overflow-x:auto; flex-wrap:nowrap; padding:4px 6px;}
.db-rt-toolbar::-webkit-scrollbar{height:4px;}
.db-rt-toolbar::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.25); border-radius:2px;}
.db-rt-toolbar .rt-sel{appearance:none; -webkit-appearance:none; -moz-appearance:none; height:24px; padding:0 18px 0 6px; border:1px solid rgba(255,255,255,0.2); border-radius:3px; background:rgba(255,255,255,0.08); color:#fff; font-size:12px; line-height:1; cursor:pointer; max-width:120px; background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6'><path d='M0 0l4 6 4-6z' fill='%23fff'/></svg>"); background-repeat:no-repeat; background-position:right 5px center;}
.db-rt-toolbar .rt-sel:hover{background-color:rgba(255,255,255,0.15);}
.db-rt-toolbar .rt-sel:focus-visible{outline:2px solid #4f46e5; outline-offset:1px;}
.db-rt-toolbar .rt-sel-font{min-width:90px; max-width:130px;}
.db-rt-toolbar .rt-sel-size{min-width:54px;}
.db-rt-toolbar .rt-sel-weight{min-width:54px;}
.db-rt-toolbar .rt-sel-spacing{min-width:54px;}
.db-rt-toolbar .rt-sel-line{min-width:62px;}
.db-rt-toolbar .rt-sel option{background:#fff; color:#222;}
.db-rt-toolbar .rt-btn.rt-active{background:#4f46e5; color:#fff;}
.db-rt-toolbar .rt-btn.rt-active:hover{background:#4f46e5; filter:brightness(1.1);}
.db-rt-toolbar .rt-btn[data-cmd^="align"],.db-rt-toolbar .rt-btn[data-cmd="indent"],.db-rt-toolbar .rt-btn[data-cmd="outdent"],.db-rt-toolbar .rt-btn[data-cmd="ul"],.db-rt-toolbar .rt-btn[data-cmd="ol"]{font-size:15px;}
.db-add-empty{position:relative; min-height:240px; display:flex; align-items:center; justify-content:center; padding:var(--padding-40,40px) var(--padding-30); background:linear-gradient(180deg, var(--color-white) 0%, color-mix(in srgb, #4f46e5 4%, var(--color-gray-100)) 100%); border:1px solid color-mix(in srgb, #4f46e5 14%, var(--color-gray-300)); border-radius:var(--radius-16,16px); text-align:center; overflow:hidden; box-shadow:0 1px 2px rgba(16,24,40,.04); transition:border-color .35s ease, box-shadow .35s ease;}
.db-add-empty::before{content:''; position:absolute; inset:0; background:radial-gradient(130% 90% at 50% -20%, color-mix(in srgb, #4f46e5 12%, transparent) 0%, transparent 55%); opacity:.8; pointer-events:none; transition:opacity .35s ease;}
.db-add-empty::after{content:''; position:absolute; inset:var(--gap-10); border:1px dashed color-mix(in srgb, #4f46e5 20%, transparent); border-radius:var(--radius-12); pointer-events:none; transition:border-color .35s ease;}
.db-add-empty:hover{border-color:color-mix(in srgb, #4f46e5 28%, var(--color-gray-300)); box-shadow:0 16px 36px -16px color-mix(in srgb, #4f46e5 35%, transparent);}
.db-add-empty:hover::before{opacity:1;}
.db-add-empty:hover::after{border-color:color-mix(in srgb, #4f46e5 34%, transparent);}
.db-add-empty .inner{position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; gap:var(--gap-10);}
.db-add-empty .icon-circle{position:relative; display:flex; align-items:center; justify-content:center; width:56px; height:56px; border-radius:16px; background:linear-gradient(145deg, #4f46e5 0%, color-mix(in srgb, #4f46e5 76%, var(--color-black)) 100%); margin-bottom:var(--margin-5); box-shadow:0 12px 24px -10px color-mix(in srgb, #4f46e5 60%, transparent), inset 0 1px 0 rgba(255,255,255,.3); transition:transform .4s cubic-bezier(.34,1.56,.64,1), box-shadow .4s ease;}
.db-add-empty .icon-circle::after{content:''; position:absolute; inset:0; border-radius:inherit; box-shadow:0 0 0 0 color-mix(in srgb, #4f46e5 28%, transparent); transition:box-shadow .4s ease; pointer-events:none;}
.db-add-empty:hover .icon-circle{transform:translateY(-4px) rotate(-3deg);}
.db-add-empty:hover .icon-circle::after{box-shadow:0 0 0 10px color-mix(in srgb, #4f46e5 10%, transparent);}
.db-add-empty .icon-circle img{width:26px; height:26px; display:block;}
.db-add-empty .inner > p{color:var(--color-black-500); font-size:var(--font-xxl); font-weight:700; margin:0; letter-spacing:-.025em;}
.db-add-empty .inner > .desc{margin:-4px 0 0; color:var(--color-black-500); font-size:var(--font-md); font-weight:600; letter-spacing:-.01em; line-height:1.5; opacity:.85;}
.db-add-empty .inner .hint{color:var(--color-gray-900); font-size:var(--font-sm); font-weight:600; letter-spacing:.08em; text-transform:uppercase;}
.db-add-empty .button-box{margin:var(--margin-5) 0 0; width:auto;}
.db-add-empty .btn-add{display:inline-flex; align-items:center; justify-content:center; gap:6px; padding:var(--padding-10) var(--padding-30); background:#4f46e5; color:var(--color-white); border:0; border-radius:999px; font-size:var(--font-md); font-weight:600; letter-spacing:-.01em; cursor:pointer; box-shadow:0 10px 22px -10px color-mix(in srgb, #4f46e5 65%, transparent); transition:background-color .25s ease, transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .25s ease;}
.db-add-empty .btn-add:hover{background:color-mix(in srgb, #4f46e5 88%, var(--color-black)); transform:translateY(-2px); box-shadow:0 14px 28px -10px color-mix(in srgb, #4f46e5 70%, transparent);}
.db-add-empty .btn-add:active{transform:translateY(0); box-shadow:0 6px 14px -8px color-mix(in srgb, #4f46e5 60%, transparent);}
.db-add-empty .btn-add:focus-visible{outline:2px solid #4f46e5; outline-offset:3px;}
@media (max-width:600px){
.db-add-empty{min-height:150px; padding:var(--padding-20,20px) var(--padding-15);}
.db-add-empty .inner{gap:var(--gap-5);}
.db-add-empty .icon-circle{width:40px; height:40px; border-radius:12px; margin-bottom:0;}
.db-add-empty .icon-circle img{width:18px; height:18px;}
.db-add-empty .inner > p{font-size:var(--font-md);}
.db-add-empty .inner > .desc{font-size:var(--font-xs); margin:0;}
.db-add-empty .inner .hint{font-size:var(--font-xs);}
.db-add-empty .button-box{margin:0;}
.db-add-empty .btn-add{padding:var(--padding-5) var(--padding-15); font-size:var(--font-sm);}
}
.cm-tooltip.cm-tooltip-autocomplete{border:1px solid var(--color-gray-300); border-radius:var(--radius-5); background:var(--color-white); box-shadow:0 4px 12px -4px rgba(15,23,42,.15); font-family:Consolas, Monaco, 'Courier New', monospace;}
.cm-tooltip.cm-tooltip-autocomplete > ul > li{padding:4px 10px; color:var(--color-gray-900);}
.cm-tooltip.cm-tooltip-autocomplete > ul > li[aria-selected]{background:#4f46e5 !important; color:var(--color-white) !important;}
.cm-tooltip.cm-tooltip-autocomplete > ul > li[aria-selected] *{color:var(--color-white) !important;}
.option-instance-list{margin:0 0 0 var(--margin-5); padding:var(--padding-10); border-left:2px solid var(--color-gray-300); list-style:none; background:var(--color-gray-200);}
.db-option-inactive{opacity:0.4; transition:opacity .2s ease;}
.db-option-inactive:hover{opacity:0.6;}
[data-wo-selector].db-option-inactive{pointer-events:none;}
[data-wo-selector].db-option-inactive .title,[data-wo-selector].db-option-inactive .title *{pointer-events:auto;}
.dynamic-category-section.db-option-inactive > .toggle{pointer-events:auto;}
.db-device-shell{position:relative; margin:0 auto; max-width:100%; transition:max-width .45s cubic-bezier(.2,.7,.2,1);}
.db-device-rim{display:none; position:absolute; top:50px; bottom:50px; left:-1.5px; right:-1.5px; pointer-events:none;}
.split-box.is-builder-split{min-height:280px;}
.split-box.is-builder-split .split-row{flex:1 1 auto; min-height:0; align-items:stretch;}
.split-box.is-builder-split .split-area{min-height:0;}
.split-box.is-builder-split .split-sub-row{flex:1 1 auto; min-height:0; align-items:stretch;}
.layout-area-card-delete{position:absolute; top:-7px; right:-7px; width:18px; height:18px; padding:0; border:0; border-radius:50%; background:var(--color-black-500); cursor:pointer; opacity:0; transition:opacity .12s, transform .12s; z-index:2;}
.layout-area-card-delete::before{content:""; position:absolute; inset:0; background:var(--color-white); -webkit-mask:url('/asset/images/icon_close.svg') no-repeat center / 10px 10px; mask:url('/asset/images/icon_close.svg') no-repeat center / 10px 10px;}
.layout-area-card-duplicate{position:absolute; top:-7px; right:15px; width:18px; height:18px; padding:0; border:0; border-radius:50%; background:var(--color-black-500); cursor:pointer; opacity:0; transition:opacity .12s, transform .12s; z-index:2;}
.layout-area-card-duplicate::before{content:""; position:absolute; inset:0; background:var(--color-white); -webkit-mask:url('/asset/images/icon_copy.svg') no-repeat center / 10px 10px; mask:url('/asset/images/icon_copy.svg') no-repeat center / 10px 10px;}
.layout-area-card:hover .layout-area-card-delete,.layout-area-card:focus-within .layout-area-card-delete,.layout-area-card:hover .layout-area-card-duplicate,.layout-area-card:focus-within .layout-area-card-duplicate{opacity:1;}
.layout-area-card-delete:hover,.layout-area-card-duplicate:hover{transform:scale(1.1);}
.layout-area-card-delete:focus-visible,.layout-area-card-duplicate:focus-visible{outline:2px solid #4f46e5; outline-offset:2px; opacity:1;}
.layout-area-card.is-dynamic{border-color:#4f46e5;}
.layout-area-card.is-dynamic .layout-area-card-label::before{content:"+"; display:inline-block; margin-right:3px; padding:0 4px; background:#4f46e5; color:var(--color-white); font-size:9px; font-weight:700; border-radius:3px; vertical-align:middle;}
.slot-content-dynamic:empty::before{content:"여기에 입력하세요"; color:var(--color-gray-900); font-style:italic; opacity:.6;}
.slot-content-dynamic[data-editable-key]:empty{min-height:24px; padding:4px 8px; outline:1px dashed var(--color-gray-400); outline-offset:-1px; border-radius:4px;}
[data-sub-container="1"]{display:flex !important; flex-direction:column; gap:8px; min-width:0 !important; max-width:100% !important; box-sizing:border-box !important;}
[data-sub-container="1"],[data-sub-container="1"] *{min-width:0 !important; max-width:100% !important; overflow-wrap:anywhere !important;  box-sizing:border-box !important;}
.db-fill-slider{-webkit-appearance:none; appearance:none; height:6px; border-radius:3px; background:var(--color-gray-400); cursor:pointer;}
.db-fill-slider::-webkit-slider-runnable-track{height:6px; border-radius:3px; background:transparent;}
.db-fill-slider::-webkit-slider-thumb{-webkit-appearance:none; appearance:none; width:16px; height:16px; margin-top:-5px; border-radius:50%; background:#4f46e5; border:2px solid var(--color-white); box-shadow:0 1px 3px rgba(15,23,42,.35); cursor:pointer;}
.db-fill-slider::-moz-range-track{height:6px; border-radius:3px; background:transparent;}
.db-fill-slider::-moz-range-progress{height:6px; border-radius:3px; background:#4f46e5;}
.db-fill-slider::-moz-range-thumb{width:16px; height:16px; border-radius:50%; background:#4f46e5; border:2px solid var(--color-white); box-shadow:0 1px 3px rgba(15,23,42,.35); cursor:pointer;}
.db-fill-slider:focus-visible{outline:2px solid #4f46e5; outline-offset:2px;}
#layoutGridCanvas:not(:has(.gtree-cell:hover)) .gtree-cell.is-sel > .gtree-tb{display:flex;}
@keyframes gtreeFlash{0%{box-shadow:0 0 0 3px #4f46e5; background:color-mix(in srgb,#4f46e5 22%,transparent);} 100%{box-shadow:0 0 0 0 transparent;}}
.gtree-drag-ghost{position:fixed; z-index:100000; pointer-events:none; opacity:.55; border:2px solid #4f46e5; border-radius:var(--radius-5); background:var(--color-white); box-shadow:0 8px 24px -6px rgba(0,0,0,.35); overflow:hidden; box-sizing:border-box;}
.side-area-grid-picker{border-bottom:1px solid var(--color-gray-300); margin-bottom:4px; padding-bottom:10px;}
.db-le-tokens-hint,.richtext-side-notice,.rt-notice-hint,.db-listedit-desc,.db-exthelp-desc{word-break:keep-all;}
.split-area-editing-label{display:block; margin-bottom:8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; font-weight:600; color:var(--color-black-600);}
.split-area-map{display:flex; gap:5px; height:auto; padding:6px; border:1px solid var(--color-gray-300); border-radius:var(--radius-8); background:var(--color-gray-100);}
.split-area-map.split-area-map-whole{display:block; width:100%; height:34px; min-height:34px; margin-bottom:7px;}
.split-area-map.split-area-map-chips{display:flex; flex-wrap:wrap; gap:5px; height:auto; min-height:30px; margin-bottom:7px;}
.split-area-map.split-area-map-chips .split-area-map-cell{flex:1 1 auto; min-width:64px; height:24px;}
.split-area-map.split-area-map-whole > .split-area-map-cell{width:100%; height:100%;}
.split-area-map[data-area-slot="root"]:hover{border-color:#4f46e5;}
.split-area-map.has-style{border-color:#4f46e5;}
.split-area-map.active{border-color:#4f46e5; background:#4f46e5;}
.split-area-map-grp{position:relative; padding:5px; border:1px dashed var(--color-gray-500); border-radius:5px; cursor:pointer; transition:border-color .12s, background .12s;}
.split-area-map-grp:hover{border-color:#4f46e5;}
.split-area-map-grp.has-style{border-color:#4f46e5;}
.split-area-map-grp.active{border-color:#4f46e5; background:#4f46e5;}
.split-area-map-col{display:flex; flex-direction:column; gap:5px; min-width:0;}
.split-area-map-cell{position:relative; flex:1 1 0; min-height:22px; min-width:0; display:flex; align-items:center; justify-content:center; border:1px solid var(--color-gray-400); border-radius:5px; background:var(--color-white); font-size:11px; color:var(--color-gray-1100); cursor:pointer; overflow:hidden; transition:border-color .12s, background .12s;}
.split-area-map-cell span{pointer-events:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 2px;}
.split-area-map-cell:hover{border-color:#4f46e5;}
.split-area-map-cell.has-style{border-color:#4f46e5; color:#4f46e5; font-weight:600;}
.split-area-map-cell.has-style::after{content:""; position:absolute; top:3px; right:3px; width:5px; height:5px; border-radius:50%; background:#4f46e5;}
.split-area-map-cell.active{background:#4f46e5; border-color:#4f46e5; color:var(--color-white);}
.split-area-map-cell.active.has-style{color:var(--color-white);}
.split-area-map-cell.active.has-style::after{background:var(--color-white);}
@media (max-width:600px){
}
.bg-ratio-presets{display:flex; flex-wrap:wrap; gap:var(--gap-5); padding:var(--padding-10); background:var(--color-gray-100); border:1px solid var(--color-gray-300); border-radius:var(--radius-5); margin-bottom:var(--margin-15); max-width:100%;}
.bg-ratio-btn{display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-width:54px; padding:8px 10px; background:var(--color-white); border:1px solid var(--color-gray-400); border-radius:var(--radius-5); font-size:var(--font-xs); font-weight:500; color:var(--color-black-500); cursor:pointer; transition:border-color .12s, background .12s, color .12s;}
.bg-ratio-btn:hover{border-color:#4f46e5; color:#4f46e5;}
.bg-ratio-btn:focus-visible{outline:2px solid #4f46e5; outline-offset:1px;}
.ratio-icon{display:inline-block; height:14px; aspect-ratio:var(--ar, 1/1); border:1.5px solid currentColor; border-radius:2px;}
.ratio-icon-free{height:14px; width:14px; aspect-ratio:auto; border-style:dashed;}
@media (prefers-reduced-motion:no-preference){
}
@keyframes imgwPrevPulse{0%, 100% {transform:scale(1);} 50% {transform:scale(1.06);}}
@keyframes imgwPrevShake{0%, 100% {transform:translateX(0);} 20% {transform:translateX(-3px);} 40% {transform:translateX(3px);} 60% {transform:translateX(-2px);} 80% {transform:translateX(2px);}}
@keyframes imgwPrevFloat{0%, 100% {transform:translateY(0);} 50% {transform:translateY(-4px);}}
@keyframes imgwPrevBounce{0%, 100% {transform:translateY(0);} 30% {transform:translateY(-6px);} 50% {transform:translateY(0);} 70% {transform:translateY(-3px);}}
[data-ctrl-toggle],[data-ctrl-repeater-item]{position:relative;}
.ctrl-toggle-wrap{display:block; margin:0; padding:0;}
span.ctrl-toggle-wrap{display:inline-block;}
.ctrl-overlay-bar{position:absolute; display:flex; align-items:center; gap:3px; opacity:0; pointer-events:none; z-index:99999; transition:opacity .2s ease;}
.ctrl-overlay-bar > button{position:relative; top:auto; left:auto; right:auto; bottom:auto; margin:0; opacity:1; width:33px; height:33px; border-radius:50%; background:#4f46e5; border:2px solid #fff; cursor:pointer; box-shadow:0 3px 10px rgba(0,0,0,.25); display:flex; align-items:center; justify-content:center; padding:0; font-size:0; color:transparent; transition:transform .15s ease;}
.ctrl-overlay-bar > button:hover{transform:scale(1.1);}
.ctrl-overlay-bar > button:active{transform:scale(0.95);}
.ctrl-overlay-bar > button:focus-visible{outline:2px solid #4f46e5; outline-offset:2px;}
.ctrl-overlay-bar > button:hover .ctrl-image-tip{opacity:1;}
.ctrl-overlay-bar .ctrl-overlay-itemdel svg{display:block;}
.ctrl-overlay-bar .ctrl-overlay-drag{cursor:grab;}
.ctrl-overlay-bar .ctrl-overlay-drag:active{cursor:grabbing;}
.ctrl-overlay-image::before{content:''; display:block; width:16px; height:16px; filter:var(--filter-white); background:url('/asset/images/icon_image.svg') center/contain no-repeat;}
.ctrl-overlay-imagelink::before,.ctrl-overlay-link::before{content:''; display:block; width:16px; height:16px; filter:var(--filter-white); background:url('/asset/images/icon_link.svg') center/contain no-repeat;}
.ctrl-overlay-delete{position:absolute; top:-10px; right:-10px; width:28px; height:28px; border-radius:50%; background:#4f46e5; border:2px solid #fff; cursor:pointer; opacity:0; transition:opacity .2s ease, transform .15s ease; z-index:99999; box-shadow:0 3px 10px rgba(0,0,0,.25); display:flex; align-items:center; justify-content:center; padding:0; font-size:0; color:transparent;}
.ctrl-overlay-delete::before{content:''; display:block; width:15px; height:15px; background:url('/asset/images/icon_close.svg') no-repeat center / contain; filter:var(--filter-white);}
[data-ctrl-toggle]:hover > .ctrl-overlay-delete,[data-ctrl-repeater-item]:hover > .ctrl-overlay-delete{opacity:1;}
.ctrl-overlay-delete:hover{transform:scale(1.1);}
.ctrl-overlay-delete:active{transform:scale(0.95);}
.ctrl-overlay-drag{position:absolute; top:-10px; left:-10px; width:28px; height:28px; border-radius:50%; background:#4f46e5; border:2px solid #fff; cursor:grab; opacity:0; transition:opacity .2s ease, transform .15s ease; z-index:99999; box-shadow:0 3px 10px rgba(0,0,0,.25); display:flex; align-items:center; justify-content:center; padding:0; font-size:0; color:transparent;}
.ctrl-overlay-drag::before{content:''; display:block; width:15px; height:13px; background:linear-gradient(to bottom, #fff 0 2px, transparent 2px 4.33px, #fff 4.33px 6.5px, transparent 6.5px 8.67px, #fff 8.67px 11px, transparent 11px 13px);}
.ctrl-overlay-drag:hover{transform:scale(1.1);}
.ctrl-overlay-drag:active{cursor:grabbing; transform:scale(0.95);}
.ctrl-overlay-drag:focus-visible{outline:2px solid #4f46e5; outline-offset:2px;}
.ctrl-overlay-drag:hover .ctrl-image-tip{opacity:1;}
.ctrl-overlay-motion{position:absolute; top:-10px; left:-10px; width:28px; height:28px; border-radius:50%; background:#4f46e5; border:2px solid #fff; cursor:pointer; opacity:0; transition:opacity .2s ease, transform .15s ease; z-index:99999; box-shadow:0 3px 10px rgba(0,0,0,.25); display:flex; align-items:center; justify-content:center; padding:0;}
.ctrl-overlay-motion svg{width:17px; height:17px; display:block; fill:#fff;}
.ctrl-overlay-motion:hover{transform:scale(1.1);}
.ctrl-overlay-motion:active{transform:scale(0.95);}
.ctrl-overlay-motion:focus-visible{outline:2px solid #4f46e5; outline-offset:2px;}
.ctrl-overlay-motion:hover .ctrl-image-tip{opacity:1;}
.db-overlay-layer .widget-setting{display:none !important;}
.db-motion-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:10px;}
.db-motion-card{display:flex; flex-direction:column; align-items:center; gap:8px; padding:14px 8px; border:2px solid var(--color-gray-400); border-radius:8px; background:#fff; cursor:pointer; transition:border-color .15s ease, box-shadow .15s ease;}
.db-motion-card:hover{border-color:#4f46e5;}
.db-motion-card:focus-visible{outline:2px solid #4f46e5; outline-offset:2px;}
.db-motion-demo{display:flex; align-items:center; justify-content:center; gap:4px; width:100%; height:54px; background:#f3f4f6; border-radius:6px; overflow:hidden;}
.db-motion-name{font-size:13px; color:#444;}
.db-motion-settings{display:grid; grid-template-columns:1fr 1fr; gap:10px 14px; margin-top:16px; padding-top:16px; border-top:1px solid var(--color-gray-400);}
.db-motion-field{display:flex; flex-direction:column; gap:5px;}
.db-motion-field > label{font-size:12px; font-weight:600; color:#444;}
.im-editor-toolbar{display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin-bottom:10px;}
.im-editor-toolbar .file-box{margin:0; flex:1; min-width:320px; max-width:560px;}
.im-device-label{font-size:15px; color:#64748b; margin-left:auto;}
.im-editor-split{display:flex; gap:24px; align-items:flex-start;}
.im-canvas-wrap{flex:1 1 56%; min-width:0; height:min(64vh,600px); overflow:hidden; position:sticky; top:0; background:#f1f5f9; border:1px solid var(--color-gray-400); border-radius:8px; cursor:grab;}
.im-canvas{position:absolute; left:0; top:0; transform-origin:0 0; line-height:0;}
.im-canvas img{display:block; width:100%; height:auto;}
.im-canvas .im-canvas-swap{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; opacity:0; pointer-events:none; transition:opacity .12s ease;}
.im-canvas-empty{position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:#94a3b8; font-size:18px; pointer-events:none;}
.im-stage{position:absolute; inset:0; cursor:crosshair;}
.im-a{position:absolute; box-sizing:border-box; border:2px solid #4f46e5; background:color-mix(in srgb, #4f46e5 18%, transparent); cursor:move;}
.im-a.sel{border-color:#4f46e5; z-index:2;}
.im-a.draft{pointer-events:none;}
.im-h{position:absolute; width:12px; height:12px; margin:-7px 0 0 -7px; background:#fff; border:2px solid #4f46e5; border-radius:2px; cursor:pointer; z-index:4;}
.im-h.im-v{border-radius:50%;}
.im-h.draft{background:#4f46e5; pointer-events:none;}
.im-stage .im-a.im-hv-pv{border-color:var(--im-hv-c,#2563eb); border-width:var(--im-hv-w,2px);}
.im-stage .im-a.im-hv-pv-f{background:var(--im-hv-cf,color-mix(in srgb, #2563eb 25%, transparent));}
.im-stage .im-a-lb{position:absolute; z-index:6; white-space:nowrap; line-height:1.4; pointer-events:none; max-width:80%; box-sizing:border-box;}
.im-stage .im-a-lb.im-a-lb-top{margin-top:-3px;}
.im-stage .im-a-lb.im-a-lb-bottom{margin-top:3px;}
.im-stage .im-a-lb .im-a-lb-t{display:block; max-width:100%; overflow:hidden; text-overflow:ellipsis;}
.im-side{flex:1 1 44%; min-width:0;}
.im-side-label{font-size:17px; font-weight:700; margin:22px 0 12px;}
.im-side > .im-side-label:first-child{margin-top:6px;}
.im-area-list{max-height:34vh; overflow:auto; white-space:nowrap;}
.im-area-list table{table-layout:fixed; width:100%; border-collapse:separate; border-spacing:0;}
.im-area-list table thead tr th{font-size:var(--font-sm); font-weight:600; padding:4px 5px; border-bottom:1px solid var(--color-gray-500); background:var(--color-white); color:var(--color-gray-1000); word-break:keep-all; overflow:hidden; text-overflow:ellipsis;}
.im-area-list table tbody tr td{font-size:var(--font-md); padding:4px 5px; color:var(--color-gray-1200); background:var(--color-white); border-bottom:1px solid var(--color-gray-300); vertical-align:middle; overflow:hidden; text-overflow:ellipsis;}
.im-area-list table tbody tr:last-of-type td{border-bottom:0;}
.im-area-list table tbody tr:hover td{background:var(--color-gray-200);}
.im-area-list td .input-box,.im-area-list td .select-box{width:100%; border-radius:5px;}
.im-area-list td .input-box input[type=text]{width:100%; min-width:0; height:var(--height-35); padding:0; border:0; background:transparent; font-size:13px;}
.im-area-list td .select-box select{height:var(--height-35); padding:0 30px 0 8px !important; font-size:13px; background-size:16px;}
.im-area-list .im-c-sel{text-align:center;}
.im-area-list .im-c-del{text-align:center; overflow:visible; text-overflow:clip;}
.im-area-list .im-c-del .im-row-del{display:inline-block; width:auto; max-width:none; text-indent:0;}
.im-area-list .im-row.sel > td{background:color-mix(in srgb, #4f46e5 10%, transparent);}
.im-area-list .im-row-empty td{text-align:center; color:#94a3b8; padding:14px;}
.im-row-del{border:0; background:transparent; color:#ef4444; font-size:14px; cursor:pointer; line-height:1; padding:2px 4px;}
.im-add-row{margin-top:8px;}
.im-swap-row{display:flex; flex-wrap:wrap; align-items:center; gap:12px;}
.im-swap-prev{width:80px; height:60px; border:1px solid var(--color-gray-300); border-radius:var(--radius-8); overflow:hidden; background:repeating-conic-gradient(#f2f2f2 0% 25%,#fafafa 0% 50%) 50%/12px 12px;}
.im-swap-prev img{width:100%; height:100%; object-fit:cover; display:block;}
.im-ga{margin-top:14px;}
.im-ga.im-sec{margin-top:22px;}
.im-ga .im-side-label{margin:14px 15px 10px;}
.im-ga.board-write-box table th{white-space:normal; word-break:keep-all;}
.im-help{font-size:14px; color:#94a3b8; line-height:1.6; margin-top:8px;}
@keyframes dbmFade{0%,100%{opacity:0;} 25%,70%{opacity:1;}}
@keyframes dbmSlideUp{0%{opacity:0; transform:translateY(16px);} 25%,70%{opacity:1; transform:none;} 100%{opacity:0; transform:translateY(16px);}}
@keyframes dbmSlideDown{0%{opacity:0; transform:translateY(-16px);} 25%,70%{opacity:1; transform:none;} 100%{opacity:0; transform:translateY(-16px);}}
@keyframes dbmZoomIn{0%{opacity:0; transform:scale(.5);} 25%,70%{opacity:1; transform:none;} 100%{opacity:0; transform:scale(.5);}}
@keyframes dbmBlurIn{0%{opacity:0; filter:blur(6px);} 25%,70%{opacity:1; filter:none;} 100%{opacity:0; filter:blur(6px);}}
@keyframes dbmSlideLeft{0%{opacity:0; transform:translateX(-16px);} 25%,70%{opacity:1; transform:none;} 100%{opacity:0; transform:translateX(-16px);}}
@keyframes dbmSlideRight{0%{opacity:0; transform:translateX(16px);} 25%,70%{opacity:1; transform:none;} 100%{opacity:0; transform:translateX(16px);}}
@keyframes dbmRotateIn{0%{opacity:0; transform:rotate(-12deg) scale(.8);} 25%,70%{opacity:1; transform:none;} 100%{opacity:0; transform:rotate(-12deg) scale(.8);}}
@keyframes dbmZoomOut{0%{opacity:0; transform:scale(1.6);} 25%,70%{opacity:1; transform:none;} 100%{opacity:0; transform:scale(1.6);}}
@keyframes dbmFlipX{0%{opacity:0; transform:perspective(400px) rotateX(80deg);} 25%,70%{opacity:1; transform:none;} 100%{opacity:0; transform:perspective(400px) rotateX(80deg);}}
@keyframes dbmFlipY{0%{opacity:0; transform:perspective(400px) rotateY(80deg);} 25%,70%{opacity:1; transform:none;} 100%{opacity:0; transform:perspective(400px) rotateY(80deg);}}
@keyframes dbmSkew{0%{opacity:0; transform:skewX(-18deg) translateX(14px);} 25%,70%{opacity:1; transform:none;} 100%{opacity:0; transform:skewX(-18deg) translateX(14px);}}
@keyframes dbmRollIn{0%{opacity:0; transform:rotate(-140deg) translateX(-14px);} 25%,70%{opacity:1; transform:none;} 100%{opacity:0; transform:rotate(-140deg) translateX(-14px);}}
.ctrl-sort-dragging{opacity:0 !important; transform:none !important; transition:opacity .12s ease;}
.ctrl-sort-clone{opacity:.95 !important; box-shadow:0 20px 44px -12px rgba(0,0,0,.5) !important; border-radius:8px; transition:none !important; will-change:transform; cursor:grabbing;}
.ctrl-sorting{cursor:grabbing !important; user-select:none;}
.ctrl-sorting *{cursor:grabbing !important;}
.ctrl-sorting [data-ctrl-repeater-item],.ctrl-sorting [data-ctrl-sort-item]{transition:transform .16s cubic-bezier(.2,.7,.3,1); will-change:transform;}
.ctrl-repeater-add-wrap{background:none !important; border:none !important; box-shadow:none !important; padding:0 !important; min-height:0 !important; overflow:visible !important; cursor:default;}
.ctrl-repeater-add{display:flex; align-items:center; justify-content:center; width:100%; min-height:64px; margin:14px 0 28px; padding:14px var(--padding-20); background:rgba(255,255,255,.92); backdrop-filter:blur(2px); color:#4f46e5; border:2px dashed color-mix(in srgb, #4f46e5 40%, var(--color-gray-400)); border-radius:var(--radius-10); font-size:var(--font-md); font-weight:600; cursor:pointer; transition:background-color .2s ease, border-color .2s ease, color .2s ease;}
.ctrl-repeater-add[hidden]{display:none !important;}
.ctrl-repeater-add:hover{background:color-mix(in srgb, #4f46e5 6%, var(--color-white)); border-color:#4f46e5; color:#4f46e5;}
.ctrl-repeater-add:active{transform:translateY(1px);}
[data-ctrl-image]{position:relative;}
a.img-link-wrap{display:block; color:inherit; text-decoration:none;}
:where(li, div, article):has(> a.card-link-cover){position:relative;}
a.card-link-cover{position:absolute; inset:0; z-index:1; border-radius:inherit; font-size:0; color:transparent;}
a.card-link-cover:focus-visible{outline:2px solid var(--color-active, #4f46e5); outline-offset:-2px;}
:where(li, div, article):has(> a.card-link-cover) :is(a:not(.card-link-cover), button, input, select, textarea, label){position:relative; z-index:2;}
.ctrl-image-overlay{position:absolute; bottom:10px; right:10px; display:flex; gap:8px; opacity:0; transition:opacity .2s ease; z-index:99998; pointer-events:none;}
[data-ctrl-image]:hover > .ctrl-image-overlay{opacity:1; pointer-events:auto;}
.ctrl-image-btn{width:34px; height:34px; border-radius:50%; background:#4f46e5; border:2px solid var(--color-white); cursor:pointer; padding:0; box-shadow:0 3px 10px rgba(0,0,0,.25); position:relative; display:flex; align-items:center; justify-content:center; transition:transform .15s ease, background-color .2s ease; font-size:0; color:transparent;}
.ctrl-image-btn:hover{transform:scale(1.1);}
.ctrl-image-btn:active{transform:scale(0.95);}
.ctrl-image-btn::before{content:''; display:block; width:16px; height:16px; filter:var(--filter-white); background:center/contain no-repeat;}
.ctrl-image-btn[data-ctrl-image-action="upload"]::before{background-image:url('/asset/images/icon_image.svg');}
.ctrl-image-btn[data-ctrl-image-action="link"]::before{background-image:url('/asset/images/icon_link.svg');}
.ctrl-image-tip{position:absolute; bottom:calc(100% + 8px); left:50%; transform:translateX(-50%); background:rgba(0,0,0,.85); color:var(--color-white, #fff); padding:4px 10px; border-radius:4px; font-size:var(--font-xs, 12px); font-weight:500; line-height:1.2; white-space:nowrap; pointer-events:none; opacity:0; transition:opacity .15s ease;}
.ctrl-image-tip::after{content:''; position:absolute; top:100%; left:50%; transform:translateX(-50%); border:4px solid transparent; border-top-color:rgba(0,0,0,.85);}
.ctrl-image-btn:hover .ctrl-image-tip,.ctrl-image-btn:focus-visible .ctrl-image-tip{opacity:1;}
.ctrl-text-icon-overlay{position:absolute; z-index:99997; display:flex; gap:8px;}
.ctrl-text-icon-btn{width:34px; height:34px; border-radius:50%; background:#4f46e5; border:2px solid var(--color-white); cursor:pointer; padding:0; box-shadow:0 3px 10px rgba(0,0,0,.25); position:relative; display:flex; align-items:center; justify-content:center; transition:transform .15s ease; font-size:0; color:transparent;}
.ctrl-text-icon-btn:hover{transform:scale(1.1);}
.ctrl-text-icon-btn:active{transform:scale(0.95);}
.ctrl-text-icon-btn::before{content:''; display:block; width:16px; height:16px; filter:var(--filter-white); background:url('/asset/images/icon_image.svg') center/contain no-repeat;}
.ctrl-text-icon-btn:hover .ctrl-image-tip,.ctrl-text-icon-btn:focus-visible .ctrl-image-tip{opacity:1;}
[data-ctrl-link]{position:relative;}
.ctrl-link-overlay{position:absolute; bottom:10px; right:10px; display:flex; gap:8px; opacity:0; transition:opacity .2s ease; z-index:99998; pointer-events:none;}
[data-ctrl-link]:hover > .ctrl-link-overlay{opacity:1; pointer-events:auto;}
.ctrl-link-btn{width:34px; height:34px; border-radius:50%; background:#4f46e5; border:2px solid var(--color-white); cursor:pointer; padding:0; box-shadow:0 3px 10px rgba(0,0,0,.25); position:relative; display:flex; align-items:center; justify-content:center; transition:transform .15s ease; font-size:0; color:transparent;}
.ctrl-link-btn:hover{transform:scale(1.1);}
.ctrl-link-btn:active{transform:scale(0.95);}
.ctrl-link-btn::before{content:''; display:block; width:16px; height:16px; filter:var(--filter-white); background:url('/asset/images/icon_link.svg') center/contain no-repeat;}
.ctrl-link-tip{position:absolute; bottom:calc(100% + 8px); left:50%; transform:translateX(-50%); background:rgba(0,0,0,.85); color:var(--color-white); padding:4px 10px; border-radius:4px; font-size:var(--font-xs); font-weight:500; line-height:1.2; white-space:nowrap; pointer-events:none; opacity:0; transition:opacity .15s ease;}
.ctrl-link-tip::after{content:''; position:absolute; top:100%; left:50%; transform:translateX(-50%); border:4px solid transparent; border-top-color:rgba(0,0,0,.85);}
.ctrl-link-btn:hover .ctrl-link-tip,.ctrl-link-btn:focus-visible .ctrl-link-tip{opacity:1;}
.ctrl-image-popover{background:var(--color-white); border:1px solid var(--color-gray-400); border-radius:var(--radius-8); box-shadow:0 10px 40px -10px rgba(0,0,0,.25), 0 4px 12px -4px rgba(0,0,0,.1); padding:12px; min-width:280px; max-width:420px;}
.ctrl-image-popover-title{font-size:var(--font-sm); font-weight:700; color:var(--color-gray-1200); margin-bottom:10px;}
.ctrl-image-popover-input{display:block; width:100%; padding:8px 10px; border:1px solid var(--color-gray-400); border-radius:var(--radius-5); font-size:var(--font-sm); color:var(--color-gray-1200); background:var(--color-white); box-sizing:border-box;}
.ctrl-image-popover-input:focus{border-color:#4f46e5; outline:2px solid color-mix(in srgb, #4f46e5 30%, transparent); outline-offset:1px;}
.ctrl-image-popover-actions{display:flex; gap:6px; justify-content:flex-end; margin-top:10px;}
.ctrl-image-popover-cancel,.ctrl-image-popover-apply{padding:6px 14px; border-radius:var(--radius-5); font-size:var(--font-sm); font-weight:600; cursor:pointer; border:1px solid var(--color-gray-400); background:var(--color-white); color:var(--color-gray-1200);}
.ctrl-image-popover-apply{background:#4f46e5; border-color:#4f46e5; color:var(--color-white);}
.ctrl-image-popover-cancel:hover{background:var(--color-gray-100);}
.ctrl-image-popover-apply:hover{background:color-mix(in srgb, #4f46e5 85%, var(--color-black));}
.board-write-box td .input-box + .file-box,.board-write-box td .file-box + .input-box,.board-write-box td .file-box + .vid-inline-row,.board-write-box td .file-box + .board-write-box{margin-top:8px;}
.modal-box .modal-body .input-box,.modal-box .modal-body .select-box{flex:1 1 0;width:100%;min-width:0;}
.ws-dir4{display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; gap: 5px !important;}
.ws-dir4 .input-box{flex: 1 1 calc(50% - 5px) !important; width: auto !important; max-width: none !important; min-width: 0 !important; box-sizing: border-box !important;}
.ws-dir4 .input-box em{font-size: 11px;}
.modal-box .board-message-box p,.modal-box .btn-sel-hint,.modal-box .tabst-guide,.modal-box .accst-guide,.modal-box .ln-guide,.modal-box .tt-editor-guide,.modal-box .btn-edit-guide{word-break:keep-all;}
@keyframes dbBtnPulse{0%,100%{transform:scale(1);}50%{transform:scale(1.06);}}
@keyframes dbBtnShake{0%,100%{transform:translateX(0);}20%{transform:translateX(-3px);}40%{transform:translateX(3px);}60%{transform:translateX(-2px);}80%{transform:translateX(2px);}}
@keyframes dbBtnFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-4px);}}
@keyframes dbBtnBounce{0%,100%{transform:translateY(0);}30%{transform:translateY(-6px);}50%{transform:translateY(0);}70%{transform:translateY(-3px);}}
@keyframes ssAmFloat{0%,100%{transform:var(--ss-act-tf) translateY(0);}50%{transform:var(--ss-act-tf) translateY(-7px);}}
@keyframes ssAmPulse{0%,100%{transform:var(--ss-act-tf) scale(1);}50%{transform:var(--ss-act-tf) scale(1.03);}}
@keyframes ssAmTilt{0%,100%{transform:var(--ss-act-tf) rotate(-1.2deg);}50%{transform:var(--ss-act-tf) rotate(1.2deg);}}
@keyframes ssAmBounce{0%,100%{transform:var(--ss-act-tf) translateY(0);}30%{transform:var(--ss-act-tf) translateY(-9px);}50%{transform:var(--ss-act-tf) translateY(0);}65%{transform:var(--ss-act-tf) translateY(-4px);}80%{transform:var(--ss-act-tf) translateY(0);}}
@keyframes ssAmShine{0%{left:-70%;}100%{left:130%;}}
.icon-modal-section{margin:var(--margin-15) 0 var(--margin-20);}
.icon-modal-section .bg-modal-section-title{display:block; margin:0 0 var(--margin-10);}
.icon-modal-preview{min-height:90px; display:flex; align-items:center; justify-content:center; gap:10px; padding:var(--padding-20); overflow:auto;}
.ctrl-text-icon-overlay{position:absolute; opacity:0; transition:opacity .2s ease, transform .15s ease; z-index:99999; pointer-events:none;}
.ctrl-text-icon-overlay .ctrl-text-icon-btn{position:relative; width:28px; height:28px; border-radius:50%; background:#4f46e5; border:2px solid #fff; cursor:pointer; padding:0; box-shadow:0 3px 10px rgba(0,0,0,.25); display:flex; align-items:center; justify-content:center;}
.ctrl-text-icon-overlay .ctrl-text-icon-btn:hover{transform:scale(1.1);}
.ctrl-text-icon-overlay .ctrl-text-icon-btn:active{transform:scale(.95);}
.ctrl-text-icon-overlay .ctrl-text-icon-btn::before{content:''; display:block; width:14px; height:14px; filter:var(--filter-white); background:url('/asset/images/icon_smile.svg') center/contain no-repeat;}
.ctrl-text-icon-btn:hover .ctrl-image-tip,.ctrl-text-icon-btn:focus-visible .ctrl-image-tip,.ctrl-overlay-delete:hover .ctrl-image-tip,.ctrl-overlay-delete:focus-visible .ctrl-image-tip{opacity:1;}
#ficModalFilterBar{display:flex; flex-wrap:wrap; gap:var(--gap-5); margin:0 0 var(--margin-15);}
.fic-modal-grid{display:grid; grid-template-columns:repeat(auto-fill, minmax(72px, 1fr)); gap:var(--gap-10);}
.fic-modal-grid .fic-modal-card{position:relative; aspect-ratio:1/1; display:flex; align-items:center; justify-content:center; padding:14px; border:1px solid var(--color-gray-300); border-radius:var(--radius-10); background:var(--color-white); cursor:pointer;}
.fic-modal-grid .fic-modal-card:hover{border-color:#4f46e5;}
.fic-modal-grid .fic-modal-card:focus-visible{outline:2px solid #4f46e5; outline-offset:2px;}
.fic-modal-grid .fic-modal-card img{width:100%; height:100%; object-fit:contain; pointer-events:none;}
.fic-modal-grid .fic-modal-card .fic-modal-fav{position:absolute; right:4px; top:4px; width:18px; height:18px; padding:0; border:0; -webkit-appearance:none; appearance:none; background:var(--color-gray-500); -webkit-mask:url(/asset/images/icon_heart.svg) center/contain no-repeat; mask:url(/asset/images/icon_heart.svg) center/contain no-repeat; cursor:pointer;}
.fic-modal-grid .fic-modal-card .fic-modal-fav:focus-visible{outline:2px solid #4f46e5; outline-offset:2px;}
.fic-modal-grid .fic-modal-card .fic-modal-used{position:absolute; left:4px; top:4px; padding:1px 5px; font-size:10px; background:#4f46e5; color:var(--color-white); border-radius:var(--radius-5);}
.mf-seo-preview-img{max-width:200px; max-height:120px; border:1px solid var(--color-gray-300); border-radius:4px;}
.db-ca-zone{padding:14px 16px; background:var(--color-gray-100); border-bottom:1px solid var(--color-gray-300);}
.db-ca-zone.db-ca-zone-footer{border-bottom:0; border-top:1px solid var(--color-gray-300);}
.db-ca-zone-btn{display:flex; align-items:center; gap:14px; width:100%; padding:16px 20px; background:var(--color-white); border:2px dashed var(--color-gray-400); border-radius:var(--radius-10); cursor:pointer; text-align:left; transition:border-color .2s, background .2s;}
.db-ca-zone-btn:hover,.db-ca-zone-btn:focus-visible{border-color:#4f46e5; background:var(--color-gray-100);}
.db-ca-zone-plus{flex-shrink:0; width:32px; height:32px; border-radius:50%; background:#4f46e5; display:flex; align-items:center; justify-content:center; transition:transform .2s;}
.db-ca-zone-plus::after{content:""; width:var(--icon-16); height:var(--icon-16); background:url('/asset/images/icon_plus.svg') no-repeat center / cover; filter:var(--filter-white);}
.db-ca-zone-btn:hover .db-ca-zone-plus{transform:scale(1.12);}
.db-ca-zone-text{display:flex; flex-direction:column; gap:2px; min-width:0;}
.db-ca-zone-label{font-size:var(--font-md); font-weight:700; color:var(--color-black-500);}
.db-ca-zone-sub{font-size:var(--font-sm); color:var(--color-gray-1000);}
body:has(#siteHeader.ca-header){padding-top:0;}
html.fullpage-on #siteHeader.ca-header:not(:has(.siteheader-1)):not(:has(.siteheader-4)):not(:has(.siteheader-6)){position:fixed; top:0; left:0; right:0; z-index:1000;}
#siteHeader.ca-header:has(.siteheader-1) .siteheader-1,#siteHeader.ca-header:has(.siteheader-4) .siteheader-4,#siteHeader.ca-header:has(.siteheader-6) .siteheader-6{height:100%;}
#siteHeader.ca-header:has(.siteheader-1){position:fixed; left:0; top:0; bottom:0; width:var(--hd-side-w, 246px); z-index:1000;}
body:has(#siteHeader.ca-header .siteheader-1){padding-left:var(--hd-side-w, 246px);}
#siteHeader.ca-header:has(.siteheader-4){position:fixed; left:0; top:0; bottom:0; width:236px; z-index:1000;}
body:has(#siteHeader.ca-header .siteheader-4){padding-left:236px;}
#siteHeader.ca-header:has(.siteheader-6){position:fixed; right:0; top:0; bottom:0; width:242px; z-index:1000;}
body:has(#siteHeader.ca-header .siteheader-6){padding-right:242px;}
@media (max-width:900px){
#siteHeader.ca-header:has(.siteheader-1){position:static; width:auto;}
body:has(#siteHeader.ca-header .siteheader-1){padding-left:0;}
#siteHeader.ca-header:has(.siteheader-4){position:static; width:auto;}
body:has(#siteHeader.ca-header .siteheader-4){padding-left:0;}
#siteHeader.ca-header:has(.siteheader-6){position:static; width:auto;}
body:has(#siteHeader.ca-header .siteheader-6){padding-right:0;}
}
.db-opt-subcat{list-style:none; padding:10px 2px 2px; margin:0;}
.db-opt-subcat:first-child{padding-top:2px;}
.db-opt-subcat strong{display:block; font-size:var(--font-sm); font-weight:700; color:var(--color-gray-1100); letter-spacing:-.01em; padding-bottom:6px; border-bottom:1px solid var(--color-gray-300);}
.thumb-inner [data-amh-pop-panel]{display:none !important;}
@media (max-width: 560px){
.showcase-head h1{font-size: 24px;}
.fitem,.showcase-head{padding-left: 16px; padding-right: 16px;}
}
@media (max-width: 380px){
.showcase-head,.fitem{padding-left: 14px; padding-right: 14px;}
.showcase-head h1{font-size: 22px;}
.sns{flex-wrap: wrap;}
}
.ws-dir4 .dir4-all{flex: 0 0 100% !important; max-width: 100% !important;}
.ws-dir4 .dir4-all input{font-weight: 600;}
.ws-dir4 .dir4-all em{color: #4f46e5; font-weight: 600;}
.ws-dir4 .select-box,.ws-dir4 .color-box{flex: 1 1 calc(50% - 5px) !important; width: auto !important; max-width: none !important; min-width: 0 !important; box-sizing: border-box; display: flex; align-items: center; gap: 4px;}
.ws-dir4 .select-box select{flex: 1 1 auto; min-width: 0;}
.ws-dir4 .select-box em,.ws-dir4 .color-box em{flex: 0 0 auto; font-size: 10.5px; font-style: normal; color: #8a90a0;}
.ws-dir4 .color-box .sp-replacer{flex: 1 1 auto;}
.ws-dir4 .dir4-all.select-box,.ws-dir4 .dir4-all.color-box{flex: 0 0 100% !important; max-width: 100% !important;}
.ws-dir4 .dir4-all.select-box em,.ws-dir4 .dir4-all.color-box em{color: #4f46e5; font-weight: 600;}
.db-border-head,.db-border-row{display: grid; grid-template-columns: 40px 1fr 1fr auto; gap: 5px; align-items: center;}
.db-border-head span{font-size: 10.5px; color: #8a90a0; text-align: center;}
.db-border-head span:first-child{text-align: left;}
.db-border-row .db-border-side{font-size: 11px; font-weight: 600; color: #4b5563;}
.db-border-row .input-box,.db-border-row .select-box,.db-border-row .color-box{width: auto; min-width: 0; margin: 0;}
.db-border-row .input-box input,.db-border-row .select-box select{min-width: 0;}
.db-border-row .input-box em{font-size: 10px; color: #8a90a0;}
#dbHistoryToast{width: 396px;}
#dbHistoryToast .box{background:#ffffff; border:0; border-radius:5px 13px 13px 5px; box-shadow:inset 6px 0 0 #4f46e5, 0 20px 54px -14px rgba(15,23,42,.34), 0 4px 12px rgba(15,23,42,.09); overflow:hidden;}
#dbHistoryToast .toast-head{background:transparent; border-bottom:0; padding:18px 20px 8px 24px;}
#dbHistoryToast .toast-head h2{display:flex; align-items:center; gap:10px; font-size:17px; font-weight:800; color:#1f2430; letter-spacing:-.01em; padding:0 14px 0 0;}
#dbHistoryToast .toast-head h2::before{content:""; flex:none; width:26px; height:26px; border-radius:50%; background:#4f46e5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E") no-repeat center / 14px;}
#dbHistoryToast .toast-head .close{width:16px; height:16px; filter:brightness(0); opacity:.35; transition:opacity .12s;}
#dbHistoryToast .toast-head .close:hover{opacity:.7;}
#dbHistoryToast .toast-head .toast-progress{left:0; right:auto; bottom:0; height:3px; background:#4f46e5; opacity:.5;}
#dbHistoryToast .toast-body{padding:2px 20px 12px 60px;}
#dbHistoryToast .toast-body .toast-body-text p{font-size:14px; color:#5b6472; line-height:1.6; word-break:keep-all;}
.db-le-row .btn.is-set{background:#4f46e5 !important; border-color:#4f46e5 !important; color:#ffffff !important;}
.db-le-row .btn.is-set:hover{background:#4338ca !important; border-color:#4338ca !important;}
#dbSectionSide .sp-preview:has(.sp-clear-display){background:#f1f2f5; box-shadow:inset 0 0 0 1px #d5d8e0;}
#dbSectionSide .sp-preview:has(.sp-clear-display) .sp-preview-inner{background:transparent !important; background-image:linear-gradient(135deg, transparent 44%, #b9bdc9 44%, #b9bdc9 56%, transparent 56%) !important;}
#dbWidgetArea.has-amh-side,#dbWidgetArea.has-amh-rail{position:relative;}
#dbWidgetArea.has-amh-side{padding-left:272px;}
#dbWidgetArea.has-amh-rail{padding-top:68px; padding-left:78px;}
@media (max-width:1100px){
#dbWidgetArea.has-amh-side,#dbWidgetArea.has-amh-rail{padding:0;}
}
.db-elpick{display:flex; flex-direction:column; gap:6px;}
.db-elpick-chips{display:flex; flex-wrap:wrap; gap:6px;}
.db-elpick-chip{padding:5px 12px; border:1px solid #d6d9e0; border-radius:999px; background:#fff; font-size:12px; font-weight:600; color:#3d4351; cursor:pointer; transition:all .15s ease;}
.db-elpick-chip:hover{border-color:#4f46e5; color:#4f46e5;}
.db-elpick-chip.on{background:#4f46e5; border-color:#4f46e5; color:#fff;}
[data-hd].is-overlap{position:static;}
:root{--site-gap-top:100px; --site-gap-bottom:100px;}
@media (max-width:1100px){
:root{--site-gap-top:50px; --site-gap-bottom:50px;}
}
body:has(#siteHeader.ca-header:not(.ca-overlap)) #mainContent{margin-top:var(--site-gap-top);}
#siteHeader.ca-header:has([data-hd].is-overlap) ~ #mainContent{margin-top:0;}
.ca-footer{margin-top:var(--site-gap-bottom);}
.db-ca-zone{margin-bottom:var(--site-gap-top);}
.db-ca-zone.db-ca-zone-footer{margin-top:var(--site-gap-bottom); margin-bottom:0;}
[data-hd].is-sticky-smart{transition:transform 0.28s cubic-bezier(.4,0,.2,1);}
[data-hd].is-sticky-smart.is-hidden{transform:translateY(-100%);}
[data-hd].is-sticky-shrink .container{transition:min-height 0.24s, padding 0.24s;}
[data-hd].is-sticky-shrink.is-shrunk .container{min-height:0; padding-block:10px;}
.db-device-shell{transition:none;}
.db-selfree .db-selfree-val{margin-top:6px; width:100%;}