.cxc-designs .cxc-designs-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.cxc-designs-row .cxc-design{position:relative;display:block;min-height:44px;padding:4px;border:1px solid var(--c-line-2);border-radius:4px;background:transparent;cursor:pointer;transition:border-color .15s ease,opacity .15s ease}.cxc-design-pic{display:block;width:100%;height:auto;aspect-ratio:120/76;border-radius:2px}.cxc-designs-row .cxc-design[aria-pressed=false] .cxc-design-pic{opacity:.78;transition:opacity .15s ease}.cxc-designs-row .cxc-design:hover .cxc-design-pic{opacity:1}.cxc-designs-row .cxc-design[aria-pressed=true]{border:2px solid var(--c-text);padding:3px}.cxc-design-tip{position:absolute;z-index:3;left:50%;bottom:calc(100% + 8px);translate:-50% 4px;padding:5px 9px;border-radius:3px;background:var(--c-text);color:var(--c-room);font-size:14px;font-weight:600;line-height:1.2;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s ease,translate .12s ease}.cxc-dbar-design:focus-visible .cxc-design-tip,.cxc-dbar-design:hover .cxc-design-tip,.cxc-design:focus-visible .cxc-design-tip,.cxc-design:hover .cxc-design-tip{opacity:1;translate:-50% 0}.cxc-dbar .cxc-dbar-design{position:relative;display:grid;place-items:center;width:58px;padding:4px;border:0;border-bottom:2px solid transparent}.cxc-dbar .cxc-dbar-design .cxc-design-pic{width:50px;opacity:.7}.cxc-dbar .cxc-dbar-design[aria-pressed=true]{border-bottom-color:var(--c-text)}.cxc-dbar .cxc-dbar-design[aria-pressed=true] .cxc-design-pic{opacity:1}.cxc-dbar .cxc-dbar-design .cxc-design-tip{bottom:auto;top:calc(100% + 6px);translate:-50% -4px}.cxc-demo{transform-origin:50% 50%;will-change:auto}.cxc-mark{position:absolute;z-index:2;left:0;top:0;border:2px solid #f2a93b;border-radius:4px;box-shadow:0 0 0 1px rgba(20,14,10,.55),inset 0 0 0 1px rgba(20,14,10,.45);pointer-events:none}.cxc-mark[hidden]{display:none}.cxc-mark:after{content:"";position:absolute;inset:-5px;border:3px solid #f2a93b;border-radius:7px;opacity:0;animation:cxc-mark-pulse 1.5s ease-in-out .2s 3}@keyframes cxc-mark-pulse{0%,to{opacity:0}50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.cxc-mark:after{animation:none}}