.cookie-bar.center{position:fixed;margin:auto;left:0;right:0;bottom:0;top:0;overflow:auto;z-index:9998;display:flex;justify-content:center;padding:5vh 0;background-color:rgba(0,0,0,0.5)}
.cookie-bar .cookie-bar-container{border-radius:12px;box-shadow:0 -4px 20px rgba(0,0,0,0.2);background-color:#fff;z-index:9998}
.cookie-bar .cookie-bar-container button:focus-visible,.cookie-bar .cookie-bar-container a:focus-visible,.cookie-bar .cookie-bar-container .switch:focus-visible{outline-offset:3px}
.cookie-bar .cookie-bar-container.center{width:calc(100vw - 40px);margin:auto}
@media(min-width:768px){.cookie-bar .cookie-bar-container.center{width:calc(100vw - 160px);border-radius:24px}
}
@media(min-width:1024px){.cookie-bar .cookie-bar-container.center{width:960px;border-radius:32px}
}
.cookie-bar .cookie-bar-container.center .content{padding:40px 20px;display:flex;flex-direction:column;gap:32px}
@media(min-width:768px){.cookie-bar .cookie-bar-container.center .content{padding:80px 60px 60px 60px}
}
.cookie-bar .cookie-bar-container.center .content .title{padding:40px 20px 0 20px}
@media(min-width:768px){.cookie-bar .cookie-bar-container.center .content .title{padding:80px 60px 0 60px}
}
.cookie-bar .cookie-bar-container.center .content .middle{display:flex;flex-direction:column;gap:16px;width:calc(100% - 4px);overflow-y:auto}
@media(min-width:768px){.cookie-bar .cookie-bar-container.center .content .middle{width:calc(100% - 8px)}
}
@media(min-width:1024px){.cookie-bar .cookie-bar-container.center .content .middle>.text-wrap p,.cookie-bar .cookie-bar-container.center .content .middle>.text-wrap a{font-size:16px}
}
.cookie-bar .cookie-bar-container.center .content .middle .title{padding:0}
.cookie-bar .cookie-bar-container.center .content .middle .text-wrap{margin-bottom:0}
.cookie-bar .cookie-bar-container.center .content .middle .text-wrap p{margin-bottom:0}
.cookie-bar .cookie-bar-container.center .content .middle::-webkit-scrollbar{width:4px}
@media(min-width:768px){.cookie-bar .cookie-bar-container.center .content .middle::-webkit-scrollbar{width:8px}
}
.cookie-bar .cookie-bar-container.center .content .middle::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}
.cookie-bar .cookie-bar-container.center .content .btn-wrap{display:flex;align-items:center;justify-content:space-between;flex-direction:column-reverse;gap:20px;width:100%}
@media(min-width:1024px){.cookie-bar .cookie-bar-container.center .content .btn-wrap{width:auto;flex-direction:row}
}
.cookie-bar .cookie-bar-container.center .content .btn-wrap .right{display:flex;align-items:center;justify-content:center;gap:20px;flex-direction:column}
@media(min-width:1024px){.cookie-bar .cookie-bar-container.center .content .btn-wrap .right{flex-direction:row}
}
.cookie-bar .cookie-bar-container.center .content .btn-wrap .left,.cookie-bar .cookie-bar-container.center .content .btn-wrap .right{width:100%}
@media(min-width:1024px){.cookie-bar .cookie-bar-container.center .content .btn-wrap .left,.cookie-bar .cookie-bar-container.center .content .btn-wrap .right{width:auto}
}
.cookie-bar .cookie-bar-container.center .content .btn-wrap button{max-width:100%;margin:0}
@media(max-width:1023.98px){.cookie-bar .cookie-bar-container.center .content .btn-wrap button{width:100%}
}
.cookie-bar .cookie-bar-container.center .content .cookie-setting-component .cookie-setting-content{display:flex;flex-direction:column;gap:32px}
.cookie-bar .cookie-bar-container.center .content .cookie-setting-component .cookie-setting-content .switch-title{font-size:16px;font-weight:600}
.cookie-bar .cookie-bar-container.bottom{position:fixed;padding:32px 28px;bottom:20px;left:20px;right:20px}
.cookie-bar .cookie-bar-container.bottom .content .text-wrap *{font-size:12px}
.cookie-bar .cookie-bar-container.bottom .content .btn-wrap{flex-direction:column;align-items:flex-start}
.cookie-bar .cookie-bar-container.bottom .content .btn-wrap button{margin-bottom:28px}
@media(min-width:768px){.cookie-bar .cookie-bar-container.bottom{left:40px;bottom:40px;padding:40px 48px;max-width:648px;border-radius:32px}
.cookie-bar .cookie-bar-container.bottom .content .text-wrap *{font-size:14px}
.cookie-bar .cookie-bar-container.bottom .content .btn-wrap{flex-direction:row;align-items:center}
.cookie-bar .cookie-bar-container.bottom .content .btn-wrap button{margin-bottom:0}
.cookie-bar .cookie-bar-container.bottom button{margin-right:32px}
}
.cookie-bar .cookie-bar-container .title p{font:normal 700 24px "Montserrat","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";text-align:center;line-height:130%;margin-bottom:0;color:#000}
@media(min-width:768px){.cookie-bar .cookie-bar-container .title p{font-size:32px}
}
@media(min-width:1024px){.cookie-bar .cookie-bar-container .title p{font-size:36px}
}
.cookie-bar .cookie-bar-container .content .text-wrap{margin-bottom:28px;color:#000;font-family:var(--text-font)}
.cookie-bar .cookie-bar-container .content .text-wrap ul,.cookie-bar .cookie-bar-container .content .text-wrap ol{list-style-position:outside;padding-left:1.5rem;margin-left:0;font-size:14px}
.cookie-bar .cookie-bar-container .content .text-wrap ul{list-style-type:disc}
.cookie-bar .cookie-bar-container .content .text-wrap ol{list-style-type:decimal}
.cookie-bar .cookie-bar-container .content .text-wrap li{display:list-item;padding-bottom:0;border-bottom:0}
.cookie-bar .cookie-bar-container .content .text-wrap *{font-family:var(--text-font)}
.cookie-bar .cookie-bar-container .content .text-wrap a u{text-decoration:none}
.cookie-bar .cookie-bar-container .content .text-wrap .switch-title{font:normal 600 16px "Montserrat","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";margin-bottom:.5rem}
.cookie-bar .cookie-bar-container .content .text-wrap a{color:#cc0040;text-decoration:underline}
.cookie-bar .cookie-bar-container .content .text-wrap a:hover{text-decoration:none}
.cookie-bar .cookie-bar-container .content .text-wrap a:active{text-decoration:none;color:#ad0a3d}
.cookie-bar .cookie-bar-container .content .text-wrap a:visited{color:#ffa5c1;text-decoration:underline}
.cookie-bar .cookie-bar-container .content .btn-wrap{display:flex;align-items:center;justify-content:flex-start}
.cookie-bar .cookie-bar-container .content .link-wrap{display:flex;gap:20px}
.cookie-bar[v-cloak]{display:none}