.notification_set{width:420px;height:600px;position:absolute;top:45px;right:-20px;z-index:var(--z-index-4);background-color:var(--color-bg-inverse);border-radius:var(--border-radius-12)}.notification_set .set_header{display:flex;padding:0 24px 0 24px;width:100%;height:56px;position:relative;align-items:center;border-bottom:1px solid var(--color-bg-disabled);box-sizing:border-box;border-radius:12px 12px 0 0}.notification_set .set_header p{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px;font-weight:500}.notification_set .setting{display:flex;align-items:center;justify-content:space-between;padding:10px 24px;border-bottom:1px solid var(--color-bg-disabled)}.notification_set .setting p{font-size:14px;font-weight:500}.notification_set .togglewrap .button{position:relative;width:43px;height:26px;border-radius:13px;background-color:#bbb;transition:all .2s;cursor:pointer}.notification_set .togglewrap .button .inside{position:absolute;top:50%;left:3px;width:20px;height:20px;border-radius:50%;background-color:var(--color-bg-inverse);transform:translateY(-50%);transition:all .2s}.notification_set .togglewrap input{display:none}.notification_set .togglewrap input:checked~label .button{background-color:var(--color-bg-brand)}.notification_set .togglewrap input:checked~label .button .inside{left:20px}@media screen and (max-width:1024px){.notification_set{width:100%;height:100%;position:fixed;top:0;right:0;z-index:var(--z-index-4);border-radius:0;box-shadow:none;overflow:initial}.notification_set .noti_header{border-radius:0}}