.wall-color-control{pointer-events:auto;color:#302c28;font-size:13px;position:relative}.wall-color-trigger{min-height:44px;color:inherit;font:inherit;cursor:pointer;background:#fdfbf7de;border:1px solid #ffffffb8;border-radius:24px;justify-content:center;align-items:center;gap:7px;padding:0 12px;display:flex}.wall-color-popover{z-index:30;box-sizing:border-box;width:min(360px,100vw - 32px);max-width:calc(100vw - 32px);max-height:var(--wall-menu-height,calc(100dvh - 158px));background:#fdfbf7;border-radius:20px;flex-direction:column;padding:0;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 12px 32px #302c2826}.wall-color-close{width:36px;height:36px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;display:grid;position:static}.wall-color-heading{flex:none;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px 4px 20px;display:flex}.wall-color-heading h3{color:#302c28;margin:0;font-size:15px;font-weight:600;line-height:1.3}.wall-color-content{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable;min-height:0;padding:8px 16px 20px 20px;overflow-y:auto}.wall-palette{color:#302c28;border:0;min-width:0;margin:0;padding:0}.wall-palette legend{gap:5px;margin:0 30px 14px 0;padding:0;font-size:14px;font-weight:600;line-height:1.3;display:grid}.wall-palette legend span{color:#655d51;font-size:12px;font-weight:400}.wall-palette-swatches{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.wall-palette-swatches button{aspect-ratio:1;box-sizing:border-box;cursor:pointer;border:1px solid #302c2826;border-radius:50%;justify-self:center;place-items:center;width:44px;min-width:44px;height:44px;padding:0;display:grid}.wall-palette-swatches button[aria-pressed=true]{outline-offset:2px;outline:2px solid #655d51}.wall-palette-custom{box-sizing:border-box;cursor:pointer;background:conic-gradient(#e8b0ac,#e5d7ab,#b7c5ab,#a8bfca,#c2acd0,#e8b0ac);border:1px solid #302c2826;border-radius:50%;justify-self:center;place-items:center;width:44px;min-width:44px;height:44px;display:grid;position:relative}.wall-palette-custom svg{box-sizing:content-box;color:#302c28;pointer-events:none;background:#fffdf2d9;border-radius:50%;padding:5px}.wall-palette-custom input{opacity:0;cursor:pointer;border:0;border-radius:50%;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.wall-palette-custom[data-selected=true]{outline-offset:2px;outline:2px solid #655d51}.wall-palette-custom:focus-within,.wall-color-control :is(button,input):focus-visible,.wall-palette :is(button,input):focus-visible{outline-offset:3px;outline:2px solid #a5473d}.cp-wall-color-control{z-index:6;position:absolute;top:6px;right:64px}.cp-wall-color-control .wall-color-popover{right:-48px}.cp-shell:not(.cp-embedded) .cp-wall-color-control{top:60px}.wall-surface-picker{color:#302c28;border:0;min-width:0;margin:0 0 18px;padding:0}.wall-surface-picker legend{margin:0 36px 16px 0;padding:0;font-size:15px;font-weight:600;line-height:1.3}.wall-surface-picker>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:none;padding:3px;display:grid;overflow:visible}.wall-surface-picker button{min-width:0;min-height:54px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:flex-start;align-items:center;gap:9px;padding:4px;display:flex}.wall-surface-thumb{background-color:#eee8dd;background-size:cover;border-radius:9px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #302c281c}.wall-surface-name{overflow-wrap:anywhere;min-width:0;font-size:12px;line-height:1.3}.wall-surface-picker button[aria-pressed=true] .wall-surface-thumb{outline-offset:2px;outline:2px solid #a5473d}.wall-surface-thumb .wall-surface-check{box-sizing:border-box;color:#fff;background:#655d51;border-radius:50%;width:16px;height:16px;padding:2px;position:absolute;bottom:-2px;right:-2px}.wall-surface-picker button:focus-visible{outline-offset:1px;outline:2px solid #a5473d}@media (max-width:760px){.wall-color-popover{border-radius:20px;width:min(320px,100vw - 32px);padding:0}.wall-color-heading{padding-left:16px}.wall-color-content{padding-bottom:16px;padding-left:16px;padding-right:12px}.wall-surface-picker>div{gap:6px}.wall-surface-picker button{min-height:48px}.wall-surface-thumb{flex-basis:38px;width:38px;height:38px}}.wall-surface-picker button[data-tintable=true]{grid-column:1/-1}.wall-tint-icon{color:#655d51;flex:none;margin-left:auto}.wall-inline-palette{border-bottom:1px solid #302c281c;grid-column:1/-1;margin:0 0 6px;padding:12px 6px 16px}.wall-inline-palette .wall-palette-swatches button{border:1px solid #302c2826;border-radius:50%;justify-content:center;place-items:center;gap:0;min-height:44px;padding:0;display:grid}
