:root{--brand-blue:#034067;--brand-gold:#ecd6ae;--tone-ffff67:var(--brand-gold);--tone-d6d65a:#bca47b;--tone-d6d65a12:#ecd6ae12;--ink-ffff67:var(--brand-gold);--tone-354143:#354b50;--tone-253744:#294a5c}
:root:not([data-theme=light]):not([data-theme=peach]){
 --tone-000034:#034067;--tone-0c1d3a:#034067;--tone-172b4d:#0a4a70;--tone-142b4b:#0a4a70;--tone-102644:#063955;--tone-102440:#063955;--tone-1d395d:#145b7f;--tone-193254:#0f5278;--tone-24466e:#1d6b8d;--tone-294d77:#267796;--tone-2d527f:#2d819f;--tone-365f8e:#4c95ad;--tone-324e72:#397b99;--tone-6484ac:#8ab9ca;--tone-6886af:#86b5c8;
 --ink-f7f9ff:#f4fbff;--ink-fff:#ffffff;--ink-white:#ffffff;--ink-b7c6df:#b7d6e3;--ink-d5e4ff:#d4edf7;--ink-acbdd7:#b7d6e3;--ink-c5d2df:#c5dfe9;--ink-c3d5ec:#c3e1ee;--ink-9aa9c1:#adcbd9;--ink-8fa9ce:#a3cede;--ink-7c98bd:#9bc6d7;
}
.theme-settings{padding:0 0 22px;margin:0 0 24px;border-bottom:1px solid var(--tone-324e72,#324e72)}
.theme-settings h2{font-size:18px}.theme-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:520px}
.theme-options button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:54px;background:var(--tone-1d395d,#1d395d);color:var(--ink-f7f9ff,#f7f9ff);border:2px solid transparent}
.theme-options button[aria-pressed=true]{border-color:var(--tone-ffff67,#ffff67);box-shadow:0 0 0 1px var(--tone-ffff67,#ffff67)}.theme-options button span{font-size:25px;line-height:1}
:root[data-theme=light]{
 --tone-0c1d3a:#eef3f8;--tone-172b4d:#f8fafc;--tone-142b4b:#ffffff;--tone-102644:#f5f8fc;--tone-102440:#f5f8fc;--tone-1d395d:#e7eef7;--tone-193254:#edf3fa;--tone-24466e:#dce8f6;--tone-294d77:#dce8f6;--tone-2d527f:#d4e3f5;--tone-365f8e:#a8c0dc;--tone-324e72:#c8d5e4;--tone-6484ac:#8aa3bf;--tone-000034:#edf3fa;--tone-354143:#f8f0e3;--tone-253744:#f8f0e3;--tone-512c3c:#fff0f0;--tone-d6d65a:#bca47b;--tone-6886af:#a6bdd8;
 --ink-f7f9ff:#142b4b;--ink-fff:#142b4b;--ink-white:#142b4b;--ink-b7c6df:#52667f;--ink-d5e4ff:#294666;--ink-acbdd7:#52667f;--ink-c5d2df:#52667f;--ink-c3d5ec:#52667f;--ink-9aa9c1:#52667f;--ink-8fa9ce:#52667f;--ink-7c98bd:#52667f;--ink-ffff67:#76582d;--ink-ffe1e1:#8b2727;
}
:root[data-theme=light] body{background:#eef3f8;color:#142b4b}
:root[data-theme=light] header{background:transparent!important;color:#142b4b!important}
:root[data-theme=light] .card{box-shadow:0 4px 22px #17334f0a}
:root[data-theme=light] .logo-home{background:#000034!important;border-radius:10px;padding:8px 10px!important}
:root[data-theme=light] .danger{color:#fff!important}
:root[data-theme=light] .bell-count,:root[data-theme=light] .nav-count,:root[data-theme=light] .unread-badge{color:#fff}
:root[data-theme=light] .theme-options button[aria-pressed=true]{background:#f6ecdc;border-color:#b39562;box-shadow:none}
:root[data-theme=light] input,:root[data-theme=light] select,:root[data-theme=light] textarea{accent-color:#24466e}
:root[data-theme=light] .home-navigation button[aria-current=page]{color:#142b4b;background:#f3e6cf}
:root[data-theme=light] .info-hero{background:#e7eef7}
:root[data-theme=light] button:focus-visible,:root[data-theme=light] a:focus-visible{outline:3px solid #375f91;outline-offset:3px}
:root[data-theme=light] #inviteLanding .danger{color:#52667f!important}

/* Centered introduction and three equal planning steps. */
#pageInfo .info-calm{text-align:center;padding:32px 28px 28px}
#pageInfo .info-brand-logo{display:block;width:190px;max-width:60%;height:auto;margin:0 auto 22px;filter:url(#logoBlueTransparency)}
#pageInfo .info-calm h1{font-size:25px;margin:0 0 10px}
#pageInfo .info-intro{margin-bottom:28px}
#pageInfo .info-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:680px;margin:0 auto}
#pageInfo .info-guide article{display:block;min-width:0;padding:0;border:0}
#pageInfo .info-guide h2{display:flex;align-items:center;gap:10px;font-size:18px;margin:0 0 14px}
#pageInfo .info-guide h2::before,#pageInfo .info-guide h2::after{content:"";height:1px;flex:1;background:var(--tone-324e72,#324e72)}
#pageInfo .info-guide p{font-size:15px;line-height:1.8}
#pageInfo .info-outro{margin:28px 0 0;padding-top:20px;border-top:1px solid var(--tone-324e72,#324e72)}
@media(max-width:480px){#pageInfo .info-calm{padding:26px 16px 22px}#pageInfo .info-brand-logo{width:170px;margin-bottom:18px}#pageInfo .info-calm h1{font-size:22px}#pageInfo .info-guide{gap:12px}#pageInfo .info-guide h2{font-size:16px;gap:5px}#pageInfo .info-guide p{font-size:13px;line-height:1.65}}

#pageInfo .info-guide{gap:0}
#pageInfo .info-guide article{padding:0 20px}
#pageInfo .info-guide article+article{border-left:1px solid var(--brand-gold,#ecd6ae)}
#pageInfo .info-guide h2{display:block}
#pageInfo .info-guide h2::before,#pageInfo .info-guide h2::after{display:none}
#pageInfo .info-outro{border-top:0;padding-top:0}
@media(max-width:480px){#pageInfo .info-guide article{padding:0 10px}}

#pageInfo .info-outro{margin-top:44px}


#pageInfo .info-calm .info-closing-title{margin:40px 0 10px}
#pageInfo .info-outro{font-size:17px;line-height:1.6;margin:0;color:var(--ink-b7c6df,#b7c6df)}

#pageInfo .info-closing-title+.info-intro{margin-bottom:10px}

#pageInfo .info-share-calm{position:relative;text-align:center;padding-top:30px}
#pageInfo .info-share-calm>h2{font-family:'Segoe Print','Comic Sans MS',cursive;font-size:33px;font-weight:700;line-height:1.4;color:var(--brand-gold,#ecd6ae);transform:rotate(-5deg);margin:0 0 36px;text-align:center}
#pageInfo .info-share-arrow{position:absolute;width:65px;height:80px;top:104px;left:calc(50% + 95px);fill:none;stroke:var(--brand-gold,#ecd6ae);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
@media(max-width:480px){#pageInfo .info-share-calm>h2{font-size:29px}#pageInfo .info-share-arrow{width:48px;height:68px;left:calc(50% + 84px);top:101px}}

#pageInfo .info-calm .info-opening-title{margin:0 0 30px}
#pageInfo .info-guide+.info-intro{margin:40px 0 10px}

#pageInfo .info-intro,#pageInfo .info-outro{font-size:17px;font-weight:400;line-height:1.6}

.footer-help{margin-top:14px}.footer-help a{color:inherit;text-underline-offset:3px}.account-removal{margin-top:28px;padding-top:22px;border-top:1px solid var(--tone-324e72,#324e72)}

#friendProfileAction{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center}#friendProfileMutual .profile-friend-link{font:inherit;color:var(--ink-f7f9ff,#f7f9ff);cursor:pointer;border:1px solid transparent;white-space:normal}#friendProfileMutual .profile-friend-link:hover{border-color:var(--brand-gold,#ecd6ae)}#friendProfileMutual .profile-friend-link:focus-visible{outline:3px solid var(--brand-gold,#ecd6ae);outline-offset:3px}.blocked-friends-settings{margin-top:26px;padding-top:20px;border-top:1px solid var(--tone-324e72,#324e72)}.blocked-friends-settings>summary{font-size:19px;font-weight:650;cursor:pointer}#blockedFriendsList .item{display:flex;justify-content:space-between;align-items:center;gap:12px}#blockedFriendsList span{overflow-wrap:anywhere}

:root[data-theme=light] #homeButton.logo-home{background:transparent!important;padding:0!important}
:root[data-theme=light] img[data-theme-logo]{filter:none!important;mix-blend-mode:multiply}
:root[data-theme=light] #auth .auth-logo{background:transparent!important}

#pageInfo .info-calm .info-opening-title{margin-bottom:10px}
#pageInfo .info-opening-title+.info-intro{margin:0 0 30px}

#pageInfo .info-guide+.info-outro{margin-top:36px}

header .header-actions{transform:translateY(-6px)}

.event-cancelled-card{--event-stop-bg:#552c38;--event-stop-border:#f29aa9;--event-stop-ink:#ffe8ed}
.event-skipped-card{--event-stop-bg:#4b3d26;--event-stop-border:#e8be73;--event-stop-ink:#fff1cf}
:root[data-theme=light] .event-cancelled-card{--event-stop-bg:#fff0f3;--event-stop-border:#bf354e;--event-stop-ink:#851f35}
:root[data-theme=light] .event-skipped-card{--event-stop-bg:#fff6e3;--event-stop-border:#ac7016;--event-stop-ink:#704a0d}
.item.event-stop-card,#cancelledEventBanner.event-stop-card{background:var(--event-stop-bg)!important;border:1px solid var(--event-stop-border);border-left:6px solid var(--event-stop-border)!important;color:var(--event-stop-ink)!important}
.item.event-stop-card .muted,.item.event-stop-card .home-event-date{color:var(--event-stop-ink);opacity:.9}
.event-stop-label{display:inline-block;margin:5px 0 5px 10px;padding:5px 10px;border:1px solid var(--event-stop-border);border-radius:7px;background:var(--event-stop-ink);color:var(--event-stop-bg);font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;line-height:1.3}
#cancelledEventBanner h2{color:inherit;font-size:24px;margin:0 0 10px}#cancelledEventBanner p{color:inherit;line-height:1.6}
#eventDetail.cancelled-event #eventOverview{border-left-color:#f29aa9!important}#eventDetail.cancelled-event.skipped-event #eventOverview{border-left-color:#e8be73!important}
:root[data-theme=light] #eventDetail.cancelled-event #eventOverview{border-left-color:#bf354e!important}:root[data-theme=light] #eventDetail.cancelled-event.skipped-event #eventOverview{border-left-color:#ac7016!important}
@media(max-width:440px){.home-event-heading:has(.event-stop-label){flex-wrap:wrap}.event-stop-label{margin-left:0}#cancelledEventBanner h2{font-size:21px}}

header .header-actions{position:relative}header .header-actions #settingsButton{position:absolute;right:0;top:-38px;width:32px;height:32px;padding:5px}header .header-actions #settingsButton svg{width:22px;height:22px}

header .header-actions{margin-top:32px}


.friend-profile-controls{margin-top:22px;padding:16px;border:1px solid var(--tone-324e72,#324e72);border-radius:12px;background:var(--tone-1d395d,#1d395d)}.friend-profile-controls h3{font-size:16px;margin:0 0 12px}#friendProfileManageActions{display:flex;justify-content:center;align-items:center;gap:12px}#friendProfileManageActions .friend-block-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:9px;flex-shrink:0;color:var(--ink-f7f9ff,#f7f9ff)}

.event-dismiss-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;padding:8px}

.home-event-row-actions{display:flex;align-items:center;gap:0.5cm;flex-shrink:0}

.item.event-ongoing-card{background:#124e4b!important;border:1px solid #68c8a6!important;border-left:6px solid #68c8a6!important}.event-ongoing-label{display:inline-block;margin-left:10px;padding:3px 9px;border-radius:6px;background:#b8f1d8;color:#123e32;font-size:13px;font-weight:800;text-transform:uppercase}:root[data-theme=light] .item.event-ongoing-card{background:#e9f8ef!important;border-color:#32845e!important}

#friendProfileManageActions .friend-block-text{color:#b5243c;background:#fff0f3;border:1px solid #b5243c}:root[data-theme=dark] #friendProfileManageActions .friend-block-text{color:#ffb6c1;background:#552c38;border-color:#f29aa9}

#friendProfileManageActions [data-remove-friend]{border:1px solid currentColor;border-radius:8px;padding:10px 16px}

#friendProfileManage .friendship-since{font-size:14px;font-weight:400;line-height:1.5;margin:0 0 12px}

#friendProfileManage + .actions{margin-top:28px}

#adminDashboardLink{margin-left:16px}

.password-settings{margin:8px 0 18px}.password-settings p:empty{display:none}#passwordChangeDialog{max-width:460px;width:calc(100% - 32px)}

.inline-color-palette{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 18px}.inline-color-palette button{width:32px;height:32px;min-width:32px;padding:0;border:2px solid #8ab9ca;border-radius:50%}.inline-color-palette button[aria-pressed=true]{outline:2px solid currentColor;outline-offset:3px}

/* Zachte perzikstijl, naast de bestaande blauwe en lichte stijl. */
:root[data-theme=peach]{
--brand-blue:#824153;--brand-gold:#8b4050;
--tone-000034:#fff2ec;--tone-0c1d3a:#fff2ec;--tone-172b4d:#fff9f5;--tone-142b4b:#fffaf7;--tone-102644:#fff5ef;--tone-102440:#fff5ef;--tone-1d395d:#fce4d8;--tone-193254:#ffede4;--tone-24466e:#f6cfbf;--tone-294d77:#f2c5b4;--tone-2d527f:#e9b39e;--tone-365f8e:#d79d8d;--tone-324e72:#e9bfb0;--tone-6484ac:#ae756a;--tone-6886af:#b68173;--tone-354143:#fff0de;--tone-253744:#fff0de;--tone-512c3c:#ffe7e8;
--tone-ffff67:#8b4050;--tone-d6d65a:#713342;--tone-d6d65a12:#8b405012;
--ink-f7f9ff:#52323d;--ink-fff:#52323d;--ink-white:#52323d;--ink-b7c6df:#79515b;--ink-d5e4ff:#6b414e;--ink-acbdd7:#79515b;--ink-c5d2df:#79515b;--ink-c3d5ec:#79515b;--ink-9aa9c1:#79515b;--ink-8fa9ce:#79515b;--ink-7c98bd:#79515b;--ink-ffff67:#74384a;--ink-ffe1e1:#942f42;
color-scheme:light}
:root[data-theme=peach] body{background:#fff2ec;color:#52323d}
:root[data-theme=peach] header{background:transparent!important;color:#52323d!important}
:root[data-theme=peach] .card{box-shadow:0 4px 22px #8241530a}
:root[data-theme=peach] #homeButton.logo-home,:root[data-theme=peach] #auth .auth-logo{background:transparent!important;padding:0!important}
:root[data-theme=peach] img[data-theme-logo]{filter:none!important;mix-blend-mode:normal;border-radius:8px}
:root[data-theme=peach] .theme-options button[aria-pressed=true]{background:#f8d4c3;border-color:#8b4050;box-shadow:none}
:root[data-theme=peach] input,:root[data-theme=peach] select,:root[data-theme=peach] textarea{accent-color:#8b4050}
:root[data-theme=peach] .home-navigation button[aria-current=page]{color:#74384a;background:#f9dacb}
:root[data-theme=peach] .danger{color:#fff!important}
:root[data-theme=peach] .bell-count,:root[data-theme=peach] .nav-count,:root[data-theme=peach] .unread-badge{color:#fff}
:root[data-theme=peach] button:focus-visible,:root[data-theme=peach] a:focus-visible{outline:3px solid #8b4050;outline-offset:3px}
:root[data-theme=peach] .event-cancelled-card{--event-stop-bg:#fff0f3;--event-stop-border:#bf354e;--event-stop-ink:#851f35}
:root[data-theme=peach] .event-skipped-card{--event-stop-bg:#fff6e3;--event-stop-border:#ac7016;--event-stop-ink:#704a0d}
.theme-options{grid-template-columns:repeat(3,minmax(0,1fr))}
.theme-options button{min-width:0;white-space:normal}
@media(max-width:400px){.theme-options{grid-template-columns:1fr}.theme-options button{min-height:44px}}

:root[data-theme=peach]{--tone-1e395a:#f9d4c5;--tone-b7c6df:#d7a495;--tone-8fa9ce:#d7a495;--ink-172b4d:#52323d;--ink-1d395d:#6b414e;--ink-0c1d3a:#52323d;--tone-172b4d10:#82415310;--tone-172b4d18:#82415318;--tone-172b4d40:#82415340;--tone-172b4d80:#82415380;--line:#e9bfb0}
:root[data-theme=peach] a{color:#824153}

/* Lichte vlakken: exact de achtergrondkleur van het aangeleverde staal. */
:root[data-theme=peach]{--tone-102644:#fff2ec;--tone-102440:#fff2ec;--tone-1d395d:#fff2ec;--tone-193254:#fff2ec;--tone-1e395a:#fff2ec}

/* Hoofdkleur rechtstreeks uit de achtergrond van het perziklogo. */
:root[data-theme=peach]{--tone-0c1d3a:#fab091;--tone-000034:#fab091}
:root[data-theme=peach] body{background:#fab091}
:root[data-theme=peach] .home-navigation button[aria-current=page]{background:#fab091;color:#52323d}

/* Kleuren van vaste blauwe onderdelen volgen uitsluitend de perzikstijl. */
:root[data-theme=peach]{--peach-replace-0a4a70:#52323d;--peach-replace-145b7f:#52323d;--peach-replace-397b99:#9b5b6b;--peach-replace-b7d6e3:#e9bfb0;--peach-replace-607b8d:#9b5b6b;--peach-replace-034067:#52323d;--peach-replace-16364e:#52323d;--peach-replace-001b3377:#52323d77;--peach-replace-1d6b8d:#52323d;--peach-replace-c5d7e5:#e9bfb0;--peach-replace-324e72:#52323d;--peach-replace-1d395d:#52323d;--peach-replace-142b4b:#52323d;--peach-replace-6f9bae:#9b5b6b;--peach-replace-16364e33:#52323d33;--peach-replace-16354a:#52323d;--peach-replace-aec6d6:#e9bfb0;--peach-replace-bbcfdc:#e9bfb0;--peach-replace-526e80:#9b5b6b;--peach-replace-173b54:#52323d;--peach-replace-0c1d3a:#52323d;--peach-replace-172b4d:#52323d;--peach-replace-172b4d10:#52323d10;--peach-replace-b7c6df:#e9bfb0;--peach-replace-d5e4ff:#fff2ec;--peach-replace-193254:#52323d;--peach-replace-acbdd7:#e9bfb0;--peach-replace-253744:#52323d;--peach-replace-172b4d18:#52323d18;--peach-replace-24466e:#52323d;--peach-replace-172b4d40:#52323d40;--peach-replace-172b4d80:#52323d80;--peach-replace-000034:#52323d;--peach-replace-7c98bd:#e9bfb0;--peach-replace-c3d5ec:#e9bfb0;--peach-replace-9aa9c1:#e9bfb0;--peach-replace-102644:#52323d;--peach-replace-8fa9ce:#e9bfb0;--peach-replace-2d527f:#52323d;--peach-replace-102440:#52323d;--peach-replace-6886af:#9b5b6b;--peach-replace-294d77:#52323d;--peach-replace-365f8e:#9b5b6b;--peach-replace-6484ac:#9b5b6b;--peach-replace-1e395a:#52323d}
:root[data-theme=peach] a,:root[data-theme=peach] a:visited{color:#824153}

/* Definitief palet uit het aangeleverde kleurvoorbeeld. */
:root[data-theme=peach]{
--brand-blue:#a83f4f;--brand-gold:#f4dca8;
--tone-000034:#fab091;--tone-0c1d3a:#fff7f1;--tone-172b4d:#fff7f1;--tone-142b4b:#ffffff;--tone-102644:#fff7f1;--tone-102440:#fff7f1;--tone-1d395d:#ffdfcf;--tone-193254:#ffdfcf;--tone-1e395a:#ffdfcf;--tone-24466e:#ffdfcf;--tone-294d77:#fab091;--tone-2d527f:#d98d86;--tone-365f8e:#d98d86;--tone-324e72:#efd6ca;--tone-6484ac:#b38b51;--tone-6886af:#d98d86;--tone-b7c6df:#ffdfcf;--tone-8fa9ce:#d98d86;--tone-354143:#fff7f1;--tone-253744:#fff7f1;
--tone-ffff67:#f4dca8;--tone-d6d65a:#b38b51;--tone-d6d65a12:#f4dca812;
--ink-f7f9ff:#49313b;--ink-fff:#49313b;--ink-white:#49313b;--ink-b7c6df:#79545e;--ink-d5e4ff:#49313b;--ink-acbdd7:#79545e;--ink-c5d2df:#79545e;--ink-c3d5ec:#79545e;--ink-9aa9c1:#79545e;--ink-8fa9ce:#79545e;--ink-7c98bd:#79545e;--ink-ffff67:#795a2f;--ink-172b4d:#49313b;--ink-1d395d:#49313b;--ink-0c1d3a:#49313b;--line:#efd6ca;
--peach-replace-034067:#49313b;--peach-replace-16364e:#49313b;--peach-replace-16354a:#49313b;--peach-replace-172b4d:#49313b;--peach-replace-607b8d:#79545e;--peach-replace-526e80:#79545e;
}
:root[data-theme=peach] body{background:#fff7f1;color:#49313b}
:root[data-theme=peach] header{background:#fab091!important;color:#49313b!important}
:root[data-theme=peach] .card{background:#ffffff;box-shadow:0 4px 22px #49313b08}
:root[data-theme=peach] .home-navigation button[aria-current=page]{background:#ffdfcf;color:#49313b}
:root[data-theme=peach] .theme-options button[aria-pressed=true]{background:#ffdfcf;border-color:#a83f4f}
:root[data-theme=peach] input,:root[data-theme=peach] select,:root[data-theme=peach] textarea{accent-color:#a83f4f}
:root[data-theme=peach] a,:root[data-theme=peach] a:visited{color:#a83f4f}
:root[data-theme=peach] button:focus-visible,:root[data-theme=peach] a:focus-visible{outline-color:#a83f4f}

/* Classic behoudt de witte uitstraling. */
:root[data-theme=light]{--tone-0c1d3a:#ffffff;--tone-000034:#ffffff}
:root[data-theme=light] body{background:#ffffff}

/* Elke stijlkeuze toont zijn eigen kleur, ongeacht de actieve stijl. */
html .theme-options button[data-theme-choice=light]{background:#f1f0ec!important;color:#494540!important;border-color:#dedbd5!important}
html .theme-options button[data-theme-choice=dark]{background:#034067!important;color:#f4fbff!important;border-color:#034067!important}
html .theme-options button[data-theme-choice=peach]{background:#fab091!important;color:#49313b!important;border-color:#fab091!important}
html .theme-options button[aria-pressed=true]{outline:2px solid currentColor;outline-offset:3px;box-shadow:none!important}

#friendProfileOther button[data-add-visible-friend]{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 14px;margin-top:8px;background:var(--brand-gold,#ecd6ae)!important;color:#034067!important;border:1px solid var(--brand-gold,#ecd6ae);border-radius:9px;font-weight:700;cursor:pointer}#friendProfileOther button[data-add-visible-friend]:hover{filter:brightness(1.06)}#friendProfileOther button[data-add-visible-friend]:focus-visible{outline:3px solid var(--brand-gold,#ecd6ae);outline-offset:3px}#friendProfileOther button[data-add-visible-friend]:disabled{opacity:.65;cursor:wait}

#friendProfileOther button[data-add-visible-friend]{width:100%;min-height:44px;padding:11px 14px;border-radius:12px;font-size:15px;font-weight:600;margin-top:10px;flex-shrink:0}