.search-settings-panel{scroll-margin-top:25px}.search-style-choices{border:0;padding:0;margin:22px 0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.search-style-choices legend,.search-content-options legend{font-weight:650;font-size:13px;margin-bottom:12px}.search-style-choice{position:relative;border:1px solid #dde5ee;border-radius:10px;padding:10px;cursor:pointer;background:#fff;min-width:0}.search-style-choice:has(input:checked){border:2px solid #0088ff;background:#f2f8ff;padding:9px}.search-style-choice input{position:absolute;right:8px;top:8px;width:14px;height:14px}.search-style-choice strong{font-size:11px;display:block;margin-top:7px}.search-style-drawing{display:grid;grid-template-columns:18px 1fr;gap:5px;padding:8px;background:#f2f5fa;border-radius:6px;height:80px}.search-style-drawing i{grid-column:1/-1;border:1px solid #c0cedc;border-radius:4px;height:12px;background:#fff;margin-right:12px}.search-style-drawing b{grid-column:1/-1;height:9px;border-left:12px solid #aebdce;background:#dfe6ef}.search-style-drawing[data-style=cards]{grid-template-columns:repeat(3,1fr)}.search-style-drawing[data-style=cards] b{grid-column:auto;height:40px;border:0;border-top:22px solid #aebdce}.search-style-drawing[data-style=minimal] b{border-radius:10px}.search-style-drawing[data-style=modern]{background:#dfedff}.search-style-drawing[data-style=modern] i{border-color:#0088ff}.search-style-drawing[data-style=details] b{border-right:12px solid #172033}.search-style-drawing[data-style=premium]{background:#17191c}.search-style-drawing[data-style=premium] i{background:#25272b;border-color:#e9b64f}.search-style-drawing[data-style=premium] b{border-right:10px solid #e9b64f;background:#454951;border-left-color:#6e6552}.search-settings-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:25px;align-items:start}.search-preview-area{min-width:0}.search-preview-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px;font-size:12px}.search-preview-toolbar>div{display:flex;gap:5px}.search-preview-toolbar button[aria-pressed=true]{background:#dceeff;color:#006bce}.cs-demo-stage{height:600px;max-width:100%;position:relative;overflow:hidden;background:#e9edf1;border:1px solid #dce3eb;border-radius:12px;isolation:isolate;transition:max-width .2s;margin:0 auto 15px}.cs-demo-stage[data-device=mobile]{max-width:360px}.cs-demo-site{padding:25px;display:flex;gap:15px;flex-direction:column;color:#60728a;font-size:12px}.cs-demo-site strong{font-size:18px;color:#243a51}.cs-demo-site div{height:120px;background:linear-gradient(120deg,#c6d7e0,#f8f4ed);border-radius:8px}.cs-demo-overlay{position:absolute;inset:0;background:color-mix(in srgb,var(--preview-overlay,#101820) var(--preview-opacity,45%),transparent)}.cs-demo-stage .cms-search{position:absolute!important;width:min(var(--cs-width),calc(100% - 24px))!important;max-width:calc(100% - 24px)!important;max-height:calc(100% - 24px)!important;inset:12px!important;margin:auto!important;padding:20px!important;overflow:auto!important;z-index:2;font-size:12px!important}.cs-demo-stage .cms-search .cs-title{font-size:24px!important}.cs-demo-stage .cms-search .cs-photo{height:58px!important;width:52px!important}.cs-demo-stage .cms-search[data-search-layout=grid] .cs-photo{width:100%!important;height:105px!important}.cs-demo-stage .cms-search .cs-action{width:26px!important;height:26px!important}.cs-demo-stage .cms-search .cs-result-title,.cs-demo-stage .cms-search .cs-price{font-size:11px!important}.cs-demo-stage .cms-search[data-search-position=left]{inset:0 auto 0 0!important;max-height:100%!important;height:100%!important;width:85%!important;border-radius:0 var(--cs-radius) var(--cs-radius) 0!important}.cs-demo-stage .cms-search[data-search-position=right]{inset:0 0 0 auto!important;max-height:100%!important;height:100%!important;width:85%!important;border-radius:var(--cs-radius) 0 0 var(--cs-radius)!important}.cs-demo-stage .cms-search[data-search-position=top]{inset:0 0 auto!important;max-height:95%!important;border-radius:0 0 var(--cs-radius) var(--cs-radius)!important}.cs-demo-stage .cms-search[data-search-position=bottom]{inset:auto 0 0!important;max-height:95%!important;border-radius:var(--cs-radius) var(--cs-radius) 0 0!important}.cs-demo-stage[data-device=mobile] .cms-search{padding:15px!important}.cs-demo-stage[data-device=mobile] .cms-search .cs-results{gap:8px!important}.cs-demo-stage[data-device=mobile] .cms-search[data-search-layout=grid] .cs-results{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cs-demo-stage .cs-preview-closed{display:none!important}.cs-demo-stage .cs-demo-animate{animation:cs-appear var(--cs-duration) ease-out}.search-preview-help{font-size:11px;line-height:1.7;color:#78879a}.search-settings-controls{display:grid;gap:15px}.search-settings-controls>label{display:block;font-size:12px;font-weight:600}.search-settings-controls>label>input:not([type=range]),.search-settings-controls>label>select{display:block;width:100%;margin-top:7px}.search-settings-controls input[type=range]{width:100%;margin-top:10px;accent-color:#0088ff}.search-settings-controls output{float:right;font-size:11px;color:#0088ff}.search-color-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.search-color-controls label{font-size:11px}.search-color-controls input{display:block;width:100%;height:34px;border:1px solid #dce4ed;margin-top:5px;border-radius:5px}.search-content-options{border:1px solid #e1e7ef;border-radius:8px;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.search-content-options label{font-size:11px;display:flex;gap:7px;align-items:center}.search-content-options input{width:14px;height:14px;accent-color:#0088ff}.search-save-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:25px;border-top:1px solid #e4eaf0;padding-top:20px}.search-save-actions [role=status]{font-size:11px;color:#7b8b9c}.cs-sample-photo{position:relative;container-type:size;overflow:hidden}.cs-sample-atlas{position:absolute;width:100%;height:100%;overflow:hidden;inset:0}.cs-sample-atlas img{position:absolute;max-width:none;height:300%;width:400%;top:0;left:0;object-fit:fill}.cs-sample-atlas.columns-5 img{width:500%;height:200%}
@media(max-width:1150px){.search-style-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.search-settings-grid{grid-template-columns:1fr}.search-settings-controls{grid-template-columns:1fr 1fr}.search-content-options,.search-color-controls,.search-settings-controls>.search-preview-help{grid-column:1/-1}}
@media(max-width:600px){.search-settings-controls{grid-template-columns:1fr}.search-preview-toolbar{flex-wrap:wrap}.search-style-choices{gap:7px}.search-style-choice{padding:6px}.search-style-choice:has(input:checked){padding:5px}.search-style-choice strong{font-size:10px}.search-content-options{grid-template-columns:1fr}.cs-demo-stage{height:540px}.cs-demo-stage .cms-search[data-search-layout=grid] .cs-results{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.cms-search a.cs-result[hidden],.cms-search .cs-empty[hidden],.cms-search .cs-clear[hidden]{display:none!important}
.cs-sample-atlas.columns-4.tile-0 img{left:0%;top:0%;}
.cs-sample-atlas.columns-4.tile-1 img{left:-100%;top:0%;}
.cs-sample-atlas.columns-4.tile-2 img{left:-200%;top:0%;}
.cs-sample-atlas.columns-4.tile-3 img{left:-300%;top:0%;}
.cs-sample-atlas.columns-4.tile-4 img{left:0%;top:-100%;}
.cs-sample-atlas.columns-4.tile-5 img{left:-100%;top:-100%;}
.cs-sample-atlas.columns-4.tile-6 img{left:-200%;top:-100%;}
.cs-sample-atlas.columns-4.tile-7 img{left:-300%;top:-100%;}
.cs-sample-atlas.columns-4.tile-8 img{left:0%;top:-200%;}
.cs-sample-atlas.columns-4.tile-9 img{left:-100%;top:-200%;}
.cs-sample-atlas.columns-4.tile-10 img{left:-200%;top:-200%;}
.cs-sample-atlas.columns-4.tile-11 img{left:-300%;top:-200%;}
.cs-sample-atlas.columns-5.tile-0 img{left:0%;top:0%;}
.cs-sample-atlas.columns-5.tile-1 img{left:-100%;top:0%;}
.cs-sample-atlas.columns-5.tile-2 img{left:-200%;top:0%;}
.cs-sample-atlas.columns-5.tile-3 img{left:-300%;top:0%;}
.cs-sample-atlas.columns-5.tile-4 img{left:-400%;top:0%;}
.cs-sample-atlas.columns-5.tile-5 img{left:0%;top:-100%;}
.cs-sample-atlas.columns-5.tile-6 img{left:-100%;top:-100%;}
.cs-sample-atlas.columns-5.tile-7 img{left:-200%;top:-100%;}
.cs-sample-atlas.columns-5.tile-8 img{left:-300%;top:-100%;}
.cs-sample-atlas.columns-5.tile-9 img{left:-400%;top:-100%;}

.cs-demo-stage .cms-search{height:max-content!important}.cs-demo-stage .cms-search[data-search-position=left],.cs-demo-stage .cms-search[data-search-position=right]{width:min(var(--cs-width),85%)!important}

.cs-sample-atlas{height:auto!important;aspect-ratio:var(--sample-ratio,.67)!important;top:0!important;bottom:auto!important;}

/* Comfortable spacing for the search editor, independent of generic panel rules. */
.panel.search-settings-panel{padding:30px!important;overflow:hidden}
.search-settings-panel>.identity-heading{margin:0 0 32px;gap:16px;align-items:flex-start}
.search-settings-panel>.identity-heading h2{font-size:17px;line-height:1.4;margin:2px 0 8px}
.search-settings-panel>.identity-heading p{font-size:12px;line-height:1.7;max-width:720px}
.search-settings-panel .search-style-choices{margin:0 0 34px;gap:16px;min-width:0}
.search-settings-panel .search-style-choices legend{margin-bottom:16px;font-size:14px}
.search-settings-panel .search-style-choice{padding:14px;min-width:0}
.search-settings-panel .search-style-choice:has(input:checked){padding:13px}
.search-settings-panel .search-style-choice strong{font-size:12px;margin-top:12px;line-height:1.4}
.search-settings-panel .search-settings-grid{gap:32px;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr)}
.search-settings-panel .search-preview-toolbar{margin-bottom:18px;gap:16px;min-height:42px}
.search-settings-panel .search-preview-toolbar>strong{font-size:13px}
.search-settings-panel .search-settings-controls{gap:23px;padding:22px;background:#f8fafc;border:1px solid #e5ebf2;border-radius:12px;min-width:0}
.search-settings-panel .search-settings-controls>label{font-size:13px;line-height:1.5;margin:0}
.search-settings-panel .search-settings-controls>label>input:not([type=range]),.search-settings-panel .search-settings-controls>label>select{margin-top:10px;min-height:43px}
.search-settings-panel .search-color-controls{gap:18px 16px}
.search-settings-panel .search-color-controls label{font-size:12px;line-height:1.5}
.search-settings-panel .search-color-controls input{height:38px;margin-top:9px}
.search-settings-panel .search-settings-controls input[type=range]{margin-top:16px;margin-bottom:4px}
.search-settings-panel .search-content-options{padding:16px;gap:14px;background:white;margin:0}
.search-settings-panel .search-content-options label{font-size:12px;line-height:1.5}
.search-settings-panel .search-preview-help{font-size:12px;line-height:1.8;margin:15px 0 0}
.search-settings-panel .search-save-actions{margin-top:30px;padding-top:24px;gap:16px;justify-content:flex-start}
.search-settings-panel .search-save-actions .reset-color{margin:0;width:auto;position:static;font-size:12px;padding:10px 0}
.search-settings-panel .search-save-actions [role=status]{flex-basis:100%;font-size:12px;margin-top:2px}
@media(max-width:1250px){.search-settings-panel .search-style-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.search-settings-panel .search-settings-grid{grid-template-columns:1fr}.search-settings-panel .search-settings-controls{grid-template-columns:1fr 1fr;gap:24px}.search-settings-panel .search-settings-controls>.search-color-controls,.search-settings-panel .search-content-options,.search-settings-panel .search-settings-controls>.search-preview-help{grid-column:1/-1}}
@media(max-width:600px){.panel.search-settings-panel{padding:20px!important}.search-settings-panel>.identity-heading{gap:12px;margin-bottom:26px}.search-settings-panel>.identity-heading h2{font-size:16px}.search-settings-panel .search-style-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:26px}.search-settings-panel .search-style-choice{padding:12px}.search-settings-panel .search-style-choice:has(input:checked){padding:11px}.search-settings-panel .search-settings-grid{gap:26px}.search-settings-panel .search-settings-controls{grid-template-columns:1fr;padding:18px;gap:22px}.search-settings-panel .search-preview-toolbar{flex-wrap:wrap}.search-settings-panel .search-content-options{grid-template-columns:1fr}.search-settings-panel .search-save-actions{align-items:flex-start;flex-direction:column}.search-settings-panel .search-save-actions [role=status]{flex-basis:auto}}

.search-settings-panel .search-style-choices{grid-template-columns:repeat(7,minmax(0,1fr))}.search-style-drawing[data-style=none]{display:grid;place-items:center;background:#f4f5f7}.search-style-drawing[data-style=none]:after{content:'∅';font:38px/1 Arial,sans-serif;color:#8994a3;grid-column:1/-1}.search-style-drawing[data-style=none]>i,.search-style-drawing[data-style=none]>b{display:none}.cs-none-notice{display:none;position:absolute;z-index:3;inset:40% 20px auto;margin:0;padding:20px;background:#fff;border:1px dashed #a6b4c4;border-radius:10px;color:#52657b;text-align:center;font:14px/1.7 Arial,sans-serif}.cs-demo-stage:has([data-search-style=none]) .cms-search,.cs-demo-stage:has([data-search-style=none]) .cs-demo-overlay{display:none!important}.cs-demo-stage:has([data-search-style=none]) .cs-none-notice{display:block}
@media(max-width:1250px){.search-settings-panel .search-style-choices{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.search-settings-panel .search-style-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}