.settings-page{width:100%;max-width:1280px;margin:0 auto;padding:31px 32px 64px}
.settings-page[hidden]{display:none!important}
body.settings-page-open .library-overview,
body.settings-page-open #libraryPaginationTop,
body.settings-page-open #libraryPaginationBottom,
body.settings-page-open #collection,
body.settings-page-open #emptyCollection,
body.settings-page-open #emptyWishlist,
body.settings-page-open #emptyViewedCollection,
body.settings-page-open #loginToViewCollection,
body.settings-page-open #profileNotFound,
body.settings-page-open #scrollTopButton{display:none!important}

.settings-shell{width:100%}
.settings-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08)}
.settings-heading-copy{min-width:0}
.settings-kicker{display:block;margin-bottom:6px;color:#e85301;font-size:9px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.settings-heading h1{margin:0;color:#f4f4f6;font-size:31px;font-weight:720;letter-spacing:-.04em}
.settings-heading p{max-width:670px;margin:7px 0 0;color:#77777e;font-size:12px;line-height:1.58}
.settings-back{min-height:39px;padding:0 14px;border:1px solid #35353a;border-radius:9px;background:#151517;color:#bdbdc2;font:inherit;font-size:10px;font-weight:730;cursor:pointer;transition:.15s ease}
.settings-back:hover{border-color:#4c4c52;background:#1b1b1e;color:#fff}
.settings-status{margin:0 0 14px;padding:10px 12px;border:1px solid #323238;border-radius:9px;background:#151517;color:#aaaab0;font-size:10px;line-height:1.45}
.settings-status[hidden]{display:none!important}
.settings-status.success{border-color:rgba(61,167,112,.35);background:rgba(35,132,83,.08);color:#94ddb6}
.settings-status.error{border-color:rgba(218,78,78,.35);background:rgba(188,45,45,.08);color:#ef9b9b}

.settings-layout{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(320px,.82fr);gap:16px;align-items:start}
.settings-card{border:1px solid #29292d;border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.008)),#111113;box-shadow:0 12px 32px rgba(0,0,0,.14);overflow:hidden}
.settings-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:19px 20px 17px;border-bottom:1px solid #29292d}
.settings-card-head>div{min-width:0}
.settings-card-head span{display:block;margin-bottom:5px;color:#e85301;font-size:8px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.settings-card-head h2{margin:0;color:#ececef;font-size:17px;font-weight:720;letter-spacing:-.02em}
.settings-card-head p{max-width:520px;margin:6px 0 0;color:#707078;font-size:10px;line-height:1.5}

.settings-device-note{display:flex;align-items:center;gap:12px;margin:15px 20px;padding:12px 13px;border:1px solid rgba(232,83,1,.18);border-radius:11px;background:rgba(232,83,1,.045)}
.settings-device-note-icon{position:relative;width:31px;height:31px;flex:0 0 31px;border:1px solid rgba(232,83,1,.34);border-radius:9px;background:#171719}
.settings-device-note-icon:before{content:"";position:absolute;left:9px;top:5px;width:11px;height:18px;border:1.5px solid #e85301;border-radius:3px}
.settings-device-note-icon:after{content:"";position:absolute;left:13px;bottom:8px;width:3px;height:3px;border-radius:50%;background:#e85301}
.settings-device-note>div{min-width:0}
.settings-device-note strong{display:block;color:#cfcfd3;font-size:10px;font-weight:720}
.settings-device-note p{margin:3px 0 0;color:#73737a;font-size:9px;line-height:1.5}

.settings-notification-master{display:grid;grid-template-columns:minmax(0,1fr) 116px 116px;align-items:end;padding:0 20px 10px;color:#65656c;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.settings-master-type-label{padding-left:46px;padding-bottom:5px}
.settings-master-channel{display:grid;justify-items:center;align-items:center;gap:6px}
.settings-master-channel-label{display:block;min-height:10px;color:#73737b;text-align:center;line-height:1.2}
.settings-master-toggle{display:flex;align-items:center;justify-content:center;color:#797981;cursor:pointer}
.settings-master-toggle input{position:absolute;opacity:0;pointer-events:none}
.settings-master-toggle i{position:relative;width:34px;height:19px;border:1px solid #424248;border-radius:999px;background:#0d0d0f;transition:.15s ease}
.settings-master-toggle i:after{content:"";position:absolute;left:3px;top:3px;width:11px;height:11px;border-radius:50%;background:#63636a;transition:.15s ease}
.settings-master-toggle input:checked+i{border-color:rgba(232,83,1,.62);background:rgba(232,83,1,.2)}
.settings-master-toggle input:checked+i:after{background:#ff6b22;transform:translateX(15px)}
.settings-master-toggle input:focus-visible+i{box-shadow:0 0 0 3px rgba(232,83,1,.14)}

.settings-notification-list{border-top:1px solid #26262a}
.settings-notification-row{display:grid;grid-template-columns:minmax(0,1fr) 116px 116px;align-items:center;min-height:70px;padding:9px 20px;border-bottom:1px solid #242428;transition:background .14s ease}
.settings-notification-row:last-child{border-bottom:0}
.settings-notification-row:hover{background:rgba(255,255,255,.018)}
.settings-notification-identity{display:flex;min-width:0;align-items:center;gap:13px;padding-right:16px}
.settings-notification-identity>span:last-child{min-width:0}
.settings-notification-identity strong{display:block;color:#d8d8dc;font-size:11px;font-weight:720}
.settings-notification-identity small{display:block;margin-top:4px;color:#6d6d75;font-size:9px;line-height:1.45}
.settings-notification-icon{position:relative;width:33px;height:33px;flex:0 0 33px;border:1px solid #303034;border-radius:10px;background:#171719}
.settings-notification-icon:before,.settings-notification-icon:after{content:"";position:absolute}
.settings-notification-icon--collection:before{left:8px;top:8px;width:15px;height:15px;border:1.5px solid #e85301;border-radius:50%}
.settings-notification-icon--collection:after{left:14px;top:14px;width:3px;height:3px;border-radius:50%;background:#e85301}

.settings-notification-icon--pressing:before{left:50%;top:50%;width:17px;height:17px;border:1.5px solid #e85301;border-radius:50%;transform:translate(-50%,-50%)}
.settings-notification-icon--pressing:after{left:50%;top:50%;width:5px;height:5px;border:1.5px solid #e85301;border-radius:50%;background:#171719;transform:translate(-50%,-50%)}
.settings-notification-icon--wishlist:before{left:10px;top:7px;width:12px;height:18px;border:1.5px solid #e85301;border-radius:2px 2px 4px 4px;clip-path:polygon(0 0,100% 0,100% 100%,50% 76%,0 100%)}
.settings-notification-icon--rating:before{content:"★";left:50%;top:50%;color:#e85301;font-size:18px;line-height:1;transform:translate(-50%,-50%)}
.settings-notification-icon--achievement:before{left:50%;top:50%;width:18px;height:18px;background:#e85301;transform:translate(-50%,-50%);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 4h8v4c0 3-1.7 5-4 5s-4-2-4-5V4ZM8 6H5v2c0 2 1.2 3.5 3.4 3.8M16 6h3v2c0 2-1.2 3.5-3.4 3.8M12 13v4M9 20h6M10 17h4' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px 18px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 4h8v4c0 3-1.7 5-4 5s-4-2-4-5V4ZM8 6H5v2c0 2 1.2 3.5 3.4 3.8M16 6h3v2c0 2-1.2 3.5-3.4 3.8M12 13v4M9 20h6M10 17h4' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px 18px no-repeat}
.settings-notification-icon--achievement:after{display:none}
.settings-notification-icon--review:before{left:7px;top:8px;width:18px;height:13px;border:1.5px solid #e85301;border-radius:5px}
.settings-notification-icon--review:after{left:11px;top:20px;width:7px;height:7px;border-left:1.5px solid #e85301;transform:skewY(-35deg)}
.settings-notification-icon--like:before{content:"♥";inset:5px 0 auto;text-align:center;color:#e85301;font-size:19px}
.settings-notification-icon--price:before{left:50%;top:50%;width:18px;height:18px;background:#e85301;transform:translate(-50%,-50%);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9M10 21h4' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px 18px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9M10 21h4' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px 18px no-repeat}
.settings-notification-icon--price:after{display:none}
.settings-notification-icon--followers:before{left:11px;top:6px;width:9px;height:9px;border:1.5px solid #e85301;border-radius:50%}
.settings-notification-icon--followers:after{left:7px;bottom:6px;width:17px;height:8px;border:1.5px solid #e85301;border-radius:9px 9px 4px 4px}

.settings-notification-toggle{display:flex;align-items:center;justify-content:center}
.settings-switch{display:flex;align-items:center;justify-content:center;cursor:pointer}
.settings-switch input{position:absolute;opacity:0;pointer-events:none}
.settings-switch>span{position:relative;width:34px;height:19px;border:1px solid #414147;border-radius:999px;background:#0c0c0e;transition:.15s ease}
.settings-switch>span:after{content:"";position:absolute;left:3px;top:3px;width:11px;height:11px;border-radius:50%;background:#66666d;box-shadow:0 1px 3px rgba(0,0,0,.4);transition:.15s ease}
.settings-switch input:checked+span{border-color:rgba(232,83,1,.7);background:rgba(232,83,1,.22)}
.settings-switch input:checked+span:after{background:#ff6b22;transform:translateX(15px)}
.settings-switch input:focus-visible+span{box-shadow:0 0 0 3px rgba(232,83,1,.14)}
.settings-switch em{display:none}

.settings-side{display:grid;gap:16px}
.settings-data-body{padding:5px 19px 17px}
.settings-data-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid #26262a}
.settings-data-row:last-child{border-bottom:0}
.settings-data-row-copy strong{display:flex;align-items:baseline;gap:7px;color:#d7d7db;font-size:11px}
.settings-data-row-copy strong b{color:#ff742f;font-size:16px;font-weight:760}
.settings-data-row-copy p{margin:4px 0 0;color:#696970;font-size:9px;line-height:1.45}
.settings-data-delete{min-height:34px;padding:0 10px;border:1px solid rgba(201,65,65,.32);border-radius:8px;background:rgba(183,40,40,.06);color:#d98585;font:inherit;font-size:9px;font-weight:720;cursor:pointer;transition:.15s ease}
.settings-data-delete:hover{border-color:rgba(224,79,79,.55);background:rgba(190,45,45,.11);color:#f0a1a1}
.settings-export-body{padding:17px 19px 19px}
.settings-export-body p{margin:0;color:#77777e;font-size:9px;line-height:1.55}
.settings-data-export{width:100%;min-height:39px;margin-top:14px;border:1px solid rgba(232,83,1,.38);border-radius:9px;background:rgba(232,83,1,.08);color:#f08a55;font:inherit;font-size:10px;font-weight:750;cursor:pointer;transition:.15s ease}
.settings-data-export:hover{border-color:rgba(232,83,1,.62);background:rgba(232,83,1,.14);color:#ffad82}
.settings-data-export:disabled{opacity:.48;cursor:wait}
.settings-danger-card{border-color:rgba(180,52,52,.24)}
.settings-danger-card .settings-card-head span{color:#d96969}
.settings-danger-body{padding:17px 19px 19px}
.settings-danger-body p{margin:0;color:#77777e;font-size:9px;line-height:1.55}
.settings-account-delete{width:100%;min-height:39px;margin-top:14px;border:1px solid rgba(214,69,69,.42);border-radius:9px;background:rgba(184,42,42,.08);color:#e68d8d;font:inherit;font-size:10px;font-weight:750;cursor:pointer;transition:.15s ease}
.settings-account-delete:hover{border-color:rgba(231,83,83,.64);background:rgba(196,45,45,.14);color:#ffaaaa}

.settings-confirm{position:fixed;z-index:4200;inset:0;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(4,4,5,.78);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.settings-confirm[hidden]{display:none!important}
.settings-confirm-panel{position:relative;width:min(440px,100%);padding:22px;border:1px solid #333338;border-radius:15px;background:#131315;box-shadow:0 28px 80px rgba(0,0,0,.68)}
.settings-confirm-close{position:absolute;right:12px;top:10px;width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:#77777e;font-size:21px;cursor:pointer}
.settings-confirm-close:hover{background:#202023;color:#fff}
.settings-confirm-kicker{display:block;margin-bottom:6px;color:#d96969;font-size:8px;font-weight:850;letter-spacing:.12em}
.settings-confirm h2{margin:0;padding-right:30px;color:#f0f0f2;font-size:20px;letter-spacing:-.025em}
.settings-confirm p{margin:8px 0 16px;color:#7c7c83;font-size:10px;line-height:1.55}
.settings-confirm-label{display:block;color:#8d8d94;font-size:9px;font-weight:700}
.settings-confirm-label strong{display:block;margin:5px 0 7px;color:#d7d7db;font-size:10px}
.settings-confirm-label input{width:100%;height:40px;padding:0 11px;border:1px solid #35353a;border-radius:8px;background:#0d0d0f;color:#eee;font:inherit;font-size:11px;outline:none;box-sizing:border-box}
.settings-confirm-label input:focus{border-color:rgba(218,78,78,.62);box-shadow:0 0 0 3px rgba(218,78,78,.08)}
.settings-confirm-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:17px}
.settings-confirm-actions button{min-height:37px;padding:0 13px;border-radius:8px;font:inherit;font-size:10px;font-weight:730;cursor:pointer}
.settings-confirm-cancel{border:1px solid #35353a;background:#19191c;color:#aaaab0}
.settings-confirm-delete{border:1px solid rgba(222,72,72,.5);background:#9f2929;color:#fff}
.settings-confirm-delete:disabled{opacity:.38;cursor:not-allowed}

.settings-content.loading{opacity:.55;pointer-events:none}

#profileMenu #settingsButton{position:relative;display:flex;align-items:center;width:100%;min-height:42px;padding:9px 11px 9px 39px;border:0;border-radius:9px;background:none;color:#c4c4c9;text-align:left;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background .14s ease,color .14s ease}
#profileMenu #settingsButton:before{content:"";position:absolute;left:12px;top:50%;width:16px;height:16px;background:#e85301;transform:translateY(-50%);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 8.5a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7Zm8 3.5-.1-1-2.1-.8a7.8 7.8 0 0 0-.7-1.7l.9-2-1.4-1.4-2 .9a7.8 7.8 0 0 0-1.7-.7L12 3h-2l-.8 2.2a7.8 7.8 0 0 0-1.7.7l-2-.9-1.4 1.4.9 2a7.8 7.8 0 0 0-.7 1.7L2 11v2l2.2.8c.2.6.4 1.2.7 1.7l-.9 2 1.4 1.4 2-.9c.5.3 1.1.5 1.7.7L10 21h2l.8-2.2c.6-.2 1.2-.4 1.7-.7l2 .9 1.4-1.4-.9-2c.3-.5.5-1.1.7-1.7L20 13v-1Z' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px 16px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 8.5a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7Zm8 3.5-.1-1-2.1-.8a7.8 7.8 0 0 0-.7-1.7l.9-2-1.4-1.4-2 .9a7.8 7.8 0 0 0-1.7-.7L12 3h-2l-.8 2.2a7.8 7.8 0 0 0-1.7.7l-2-.9-1.4 1.4.9 2a7.8 7.8 0 0 0-.7 1.7L2 11v2l2.2.8c.2.6.4 1.2.7 1.7l-.9 2 1.4 1.4 2-.9c.5.3 1.1.5 1.7.7L10 21h2l.8-2.2c.6-.2 1.2-.4 1.7-.7l2 .9 1.4-1.4-.9-2c.3-.5.5-1.1.7-1.7L20 13v-1Z' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px 16px no-repeat}
#profileMenu #settingsButton:hover{background:rgba(255,255,255,.06);color:#fff}

@media(max-width:900px){
.settings-layout{grid-template-columns:1fr}
.settings-side{grid-template-columns:1fr 1fr}
.settings-danger-card{grid-column:1/-1}
}
@media(max-width:650px){
.settings-page{padding:0 12px calc(86px + env(safe-area-inset-bottom))}
.settings-heading{display:block;margin-bottom:14px;padding-bottom:15px}
.settings-heading h1{font-size:26px}
.settings-heading p{font-size:10px}
.settings-back{width:100%;margin-top:13px}
.settings-layout{gap:12px}
.settings-card{border-radius:12px}
.settings-card-head{padding:16px 14px 14px}
.settings-card-head h2{font-size:15px}
.settings-card-head p{font-size:9px}
.settings-device-note{align-items:flex-start;margin:12px 13px;padding:11px}
.settings-notification-master{grid-template-columns:minmax(0,1fr) 64px 78px;padding:0 12px 8px}
.settings-master-type-label{padding-left:40px;padding-bottom:5px}
.settings-master-channel{gap:4px}
.settings-master-channel-label{max-width:74px;min-height:17px;color:#72727a;font-size:7px;font-weight:800;line-height:1.15;letter-spacing:.04em;text-align:center;text-transform:uppercase;white-space:normal}
.settings-master-channel-label:after{display:none}
.settings-master-toggle i{width:31px;height:18px}
.settings-master-toggle i:after{width:10px;height:10px}
.settings-master-toggle input:checked+i:after{transform:translateX(13px)}
.settings-notification-row{grid-template-columns:minmax(0,1fr) 64px 78px;min-height:68px;padding:8px 12px}
.settings-notification-identity{gap:9px;padding-right:7px}
.settings-notification-icon{width:31px;height:31px;flex-basis:31px}
.settings-notification-identity strong{font-size:10px}
.settings-notification-identity small{font-size:8px;line-height:1.35}
.settings-switch>span{width:31px;height:18px}
.settings-switch>span:after{width:10px;height:10px}
.settings-switch input:checked+span:after{transform:translateX(13px)}
.settings-side{grid-template-columns:1fr;gap:12px}
.settings-danger-card{grid-column:auto}
.settings-data-body,.settings-danger-body,.settings-export-body{padding-left:14px;padding-right:14px}
.settings-data-row{gap:9px}
.settings-confirm-panel{padding:19px 16px}
.settings-confirm-actions{display:grid;grid-template-columns:1fr 1fr}
.settings-confirm-actions button{width:100%}
}
@media(max-width:420px){
.settings-notification-master{grid-template-columns:minmax(0,1fr) 58px 72px}
.settings-notification-row{grid-template-columns:minmax(0,1fr) 58px 72px}
.settings-notification-identity small{max-width:180px}
}