.hidden{display:none}
.privacy-notice{background-color:black;color:white;display:block;position:fixed;bottom:0;max-height:max-content;width:100%;padding:30px 30px;z-index:9999999999;transform:translateY(100%);transition:cubic-bezier(0.63,0.26,0.27,0.94) 0.8s}
@media (max-width:768px){.privacy-notice{max-height:none}}
.privacy-notice .active{display:block}
.privacy-notice .privacy-desc{margin-bottom:3rem}
.privacy-notice .privacy-desc a{font-family:"Source Han Sans CN ExtraLight",sans-serif;text-decoration:underline !important;color:white}
.privacy-notice .privacy-desc a:hover{text-decoration:none}
.privacy-notice .btn-close{display:block;margin-left:auto;cursor:pointer}
.privacy-notice .btn-container{display:flex;gap:1rem}
@media (max-width:1024px){.privacy-notice .btn-container{flex-direction:column}}
.privacy-notice button{margin-top:10px;cursor:pointer;background-color:transparent;color:white;border-radius:1px;border:1px solid white;padding:10px 50px;font-size:16px;letter-spacing:3px;margin-left:0px}
.privacy-notice button:hover{letter-spacing:4px;transition:all 0.5s ease-in-out;background-color:white;color:#206779}
.privacy-notice button:hover::after{content:">";margin-left:20px;color:#206779;transition:all 0.5s ease-in-out}
.privacy-options{margin-bottom:3rem;display:flex;flex-direction:column;gap:1rem}
.privacy-option{display:flex;align-items:center;gap:1rem}
.custom-switch{--width:44px;--height:24px;--knob-size:calc(var(--height) - 6px);position:relative;display:inline-block;width:var(--width);height:var(--height)}
.custom-switch input{opacity:0;width:0;height:0}
.custom-switch .slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;border-radius:var(--height);transition:background-color 0.3s,box-shadow 0.3s}
.custom-switch .slider::before{content:"";position:absolute;height:var(--knob-size);width:var(--knob-size);bottom:calc((var(--height) - var(--knob-size)) / 2);inset-inline-start:3px;background-color:#fff;border-radius:50%;transition:transform 0.3s}
.custom-switch input:checked + .slider{background-color:#206779}
.custom-switch input:checked + .slider::before{transform:translateX(calc(var(--width) - var(--knob-size) - 6px))}
.custom-switch .slider:hover{box-shadow:0 0 2px #206779}
.custom-switch.sm{--width:36px;--height:20px}
.custom-switch.lg{--width:60px;--height:32px}