:host(.cp-controls) .cp-dropdown-panel,:host(.cp-controls) .cp-phone-panel{display:none;opacity:1;visibility:visible;transition:none}
:host(.cp-controls) .cp-dropdown.is-open .cp-dropdown-panel{display:grid}
:host(.cp-controls) .cp-phone-dropdown.is-open .cp-phone-panel{display:block}
.cp-phone-dropdown{position:relative;display:flex;height:100%}
.cp-phone-panel{display:none;position:fixed;right:0;left:auto;top:90px;width:240px;padding:23px 25px 0 0;background:transparent;filter:drop-shadow(1px 2px 6px #cbcbcb);font:400 10px/1 var(--cp-ja);letter-spacing:.3125px}
.cp-phone-panel::before{content:"";position:absolute;right:44px;top:10px;border:7px solid transparent;border-top:0;border-bottom:13px solid #fff}
.cp-header.scrolled .cp-phone-panel{top:80px;padding-top:0}
.cp-header.scrolled .cp-phone-panel::before{top:-12px}
.cp-phone-list{background:#fff;border-radius:5px;padding:18px 25px 22px}
.cp-phone-list .cp-phone-card{display:block;padding:0 0 10px;color:var(--cp-ink);font:400 10px/1 var(--cp-ja);letter-spacing:.3125px}
.cp-phone-card:not(:last-child){border-bottom:1px solid #cbcbcb}
.cp-phone-card:not(:first-child){padding-top:10px}
.cp-phone-title{display:block;min-height:21px;font-size:14px;line-height:1.5;letter-spacing:0}
.cp-phone-window{display:block;min-height:23.8px;margin-top:2px;font:400 14px/1.7 var(--cp-ja);letter-spacing:.05em}
.cp-phone-card strong{display:block;position:relative;padding-left:22px;color:var(--cp-accent);font:800 20px/1 var(--cp-en);letter-spacing:.04em;white-space:nowrap}
.cp-phone-icon{position:absolute;left:0;top:0;width:16px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}
#cp-call{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:240px;max-width:calc(100vw - 30px);max-height:90dvh;margin:0;padding:0;background:transparent;border:0;border-radius:0;overflow:visible;font:400 10px/1 var(--cp-ja);letter-spacing:.3125px;opacity:0;transition:opacity .4s cubic-bezier(.37,0,.63,1),display .4s allow-discrete,overlay .4s allow-discrete}
#cp-call[open]{opacity:1}
#cp-call::backdrop{background:rgba(245,245,245,.8);backdrop-filter:none;opacity:0;transition:opacity .4s cubic-bezier(.37,0,.63,1),display .4s allow-discrete,overlay .4s allow-discrete}
#cp-call[open]::backdrop{opacity:1}
@starting-style{#cp-call[open],#cp-call[open]::backdrop{opacity:0}}
#cp-call>h2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap;border:0}
#cp-call>.cp-close{top:-45px;right:-4px;width:44px;height:44px;font-size:0;line-height:1}
#cp-call>.cp-close::before,#cp-call>.cp-close::after{content:"";position:absolute;left:10px;top:21px;width:24px;height:2px;background:var(--cp-ink);transform:rotate(20deg)}
#cp-call>.cp-close::after{transform:rotate(-20deg)}
@media(max-width:1100px){.cp-phone-panel{display:none!important}}


#cp-call{--pal-call-control-row:max(48px,calc(48px / var(--pal-preview-scale,1)));box-sizing:border-box;top:calc((100dvh + env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))/2);padding-top:var(--pal-call-control-row);max-height:calc(100dvh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}
#cp-call>.cp-close{top:0;right:0;width:max(44px,calc(44px / var(--pal-preview-scale,1)));height:max(44px,calc(44px / var(--pal-preview-scale,1)))}
#cp-call>.cp-close::before,#cp-call>.cp-close::after{top:50%;left:calc(50% - 12px)}
#cp-call>.cp-phone-list{max-height:calc(100dvh - 32px - var(--pal-call-control-row) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain}
.cp-menu-button,.cp-menu>.cp-close{min-width:calc(44px / var(--pal-preview-scale,1));min-height:calc(44px / var(--pal-preview-scale,1));bottom:calc(24px + env(safe-area-inset-bottom,0px));right:calc(18px + env(safe-area-inset-right,0px))}