:root{--forest:#28563c;--dark:#173c29;--leaf:#79ad42;--orange:#d5683d;--paper:#f7f5ef;--white:#fff;--ink:#1f2923;--muted:#667169;--line:#dce4dd;--danger:#a92f2f;--shadow:0 22px 55px rgba(27,68,44,.12)}
*{box-sizing:border-box}html,body{width:100%;max-width:100%;overflow-x:hidden}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;line-height:1.5}img{max-width:100%}a{color:var(--forest);font-weight:700;text-decoration:none}
.topbar{min-height:94px;padding:13px max(28px,calc((100vw - 1220px)/2));display:flex;align-items:center;justify-content:space-between;gap:28px;background:#fff;border-bottom:1px solid #e4e8e4}.topbar img{display:block;width:205px;height:66px;object-fit:contain}.topbar nav{display:flex;align-items:center;gap:24px}.topbar nav form{margin:0}.link{padding:0;border:0;color:var(--forest);background:none;font:inherit;font-weight:700;cursor:pointer}.public-topbar{padding-left:max(20px,calc((100vw - 980px)/2));padding-right:max(20px,calc((100vw - 980px)/2))}
.hero{position:relative;overflow:hidden;padding:54px max(28px,calc((100vw - 1220px)/2)) 70px;color:#fff;background:linear-gradient(120deg,var(--dark),#39704e)}.hero:after{content:"";position:absolute;top:-270px;right:-120px;width:510px;height:510px;border-radius:50%;background:rgba(128,181,72,.11)}.hero-copy{position:relative;z-index:1;max-width:1220px;display:grid;grid-template-columns:minmax(0,1fr) 390px;align-items:end;gap:clamp(50px,8vw,120px)}
.hero-copy.hero-full{display:block;max-width:980px;margin-left:auto;margin-right:auto}.hero-full h1{max-width:1150px}.hero-full p{max-width:850px;margin:22px 0 0;color:rgba(255,255,255,.84);font-size:18px}
.hero-schedule{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}.hero-date-card{min-width:330px;max-width:420px;min-height:112px;display:grid;grid-template-columns:112px 1fr;align-items:center;color:var(--dark);background:linear-gradient(135deg,#b6d57d,#9fc96b);border:1px solid rgba(255,255,255,.28);border-radius:14px;box-shadow:0 13px 28px rgba(12,39,25,.24);overflow:hidden}.hero-calendar{height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid rgba(23,60,41,.16);line-height:1}.hero-weekday,.hero-month{font-size:11px;font-weight:900;letter-spacing:.045em}.hero-day{margin:2px 0 1px;font-size:37px;line-height:.92}.hero-time{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:17px 20px;text-align:center}.hero-time strong{font-size:19px;white-space:nowrap}.clock-icon{font-size:24px;line-height:1}
.tag,.event-label,.form-kicker{color:#e1f0bd;font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.tag.green{color:var(--leaf)}.hero h1{max-width:760px;margin:12px 0 17px;font-size:clamp(44px,5.2vw,64px);line-height:1.02;letter-spacing:-.035em}.hero-main p{max-width:700px;margin:0;color:rgba(255,255,255,.84);font-size:18px}.hero-details{padding:5px 0 5px 34px;border-left:1px solid rgba(255,255,255,.28)}.event-label{display:block;margin-bottom:8px}.event-title{display:block;font-size:21px;line-height:1.3}.event-meta{display:flex;gap:38px;margin-top:22px}.event-meta span{display:flex;flex-direction:column;gap:3px}.event-meta small{color:rgba(255,255,255,.63);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.event-meta strong{font-size:16px;white-space:nowrap}
.container{width:min(1160px,calc(100% - 40px));margin:42px auto}.container.public{width:min(980px,calc(100% - 40px));margin-top:-30px;position:relative;z-index:2}.container.narrow{max-width:760px}.panel,.admin-card{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.panel{padding:32px}.booking-panel{padding:0;overflow:hidden}
.form-intro{padding:29px 38px 25px;background:linear-gradient(115deg,#eff6ea,#fff 70%);border-bottom:1px solid var(--line)}.form-kicker{color:var(--orange)}.form-intro h2{margin:6px 0 7px;color:var(--dark);font-size:29px;letter-spacing:-.02em}.form-intro>p{margin:0;color:var(--muted)}.reassurance{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:17px;color:var(--forest);font-size:13px;font-weight:700}.booking-panel form{padding:32px 38px 38px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:19px 20px}.full{grid-column:1/-1}.stack{display:flex;flex-direction:column;gap:18px}
h1,h2{line-height:1.15}h1{font-size:38px}.muted{color:var(--muted)}.small{font-size:13px}label,legend{color:#273229;font-size:14px;font-weight:700}em{color:var(--orange);font-style:normal}input,select,textarea{display:block;width:100%;margin-top:8px;padding:13px 14px;color:var(--ink);background:#fff;border:1px solid #c8d4ca;border-radius:10px;font:inherit;transition:.15s}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--leaf);box-shadow:0 0 0 4px rgba(121,173,66,.15)}input::placeholder,textarea::placeholder{color:#98a19a}fieldset{margin:0;padding:0;border:0}.field-card,.slot-card{padding:0;background:none;border:0}
.section-title{margin-top:7px;padding-top:25px;display:flex;align-items:center;gap:12px;border-top:1px solid #e7ece7}.section-title:first-of-type{margin-top:0;padding-top:0;border-top:0}.section-title>span{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;color:#fff;background:var(--forest);border-radius:50%;font-weight:800}.section-title strong,.section-title small{display:block}.section-title strong{color:var(--dark);font-size:17px}.section-title small{color:var(--muted);font-size:13px;font-weight:400}
.slots{display:grid;grid-template-columns:repeat(7,1fr);gap:9px;margin-top:10px}.slots input{position:absolute;opacity:0;pointer-events:none}.slots span{display:block;padding:11px 6px;text-align:center;color:var(--forest);background:#f8faf7;border:1px solid var(--line);border-radius:9px;cursor:pointer;transition:.15s}.slots span:hover{background:#eff6ea;border-color:var(--leaf)}.slots input:checked+span{color:#fff;background:var(--forest);border-color:var(--forest);box-shadow:0 6px 15px rgba(40,86,60,.2)}
.submit-zone{margin-top:7px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#f0f6ec;border:1px solid #dce9d6;border-radius:13px}.submit-zone p{margin:0;color:var(--forest);font-size:13px}.submit-zone p span{color:var(--muted)}.primary,.secondary,.danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border:0;border-radius:9px;font:inherit;font-weight:700;cursor:pointer}.primary{color:#fff;background:var(--forest)}.primary:hover{background:var(--dark)}.secondary{color:var(--forest);background:#ebf0eb}.danger{color:var(--danger);background:#fae8e8}.submit-zone .primary{padding:14px 20px;white-space:nowrap}
.confirmation{margin-top:70px;text-align:center}.check{width:68px;height:68px;margin:0 auto 18px;display:grid;place-items:center;color:var(--leaf);background:#e8f4dc;border-radius:50%;font-size:37px;font-weight:800}.flash{max-width:800px;margin:18px auto 0;padding:12px 16px;color:#315d30;background:#e8f4dc;border-radius:9px}.flash.error{color:#8e2828;background:#fae8e8}
.event-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.admin-card{padding:25px;display:flex;flex-direction:column;justify-content:space-between;gap:22px}.status{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.status.open{color:#4c7d22}.actions{display:flex;flex-wrap:wrap;gap:8px}.checkline,.checklist label{display:flex;align-items:center;gap:8px}.checkline input,.checklist input{width:auto;margin:0}.checklist{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.filters{display:flex;align-items:end;gap:9px;margin:20px 0}.filters input,.filters select{margin:0}.table{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:14px}table{width:100%;min-width:930px;border-collapse:collapse}th,td{padding:13px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);font-size:14px}th{color:var(--forest);background:#edf2ed}.empty{padding:30px;text-align:center}.formation-list>div{padding:12px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);transition:opacity .15s,background .15s}.formation-list>div.dragging{opacity:.45;background:#edf2ed}.formation-main{display:flex;align-items:center;gap:12px;min-width:0}.drag-handle{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;color:var(--forest);background:#edf2ed;border:1px solid #cad8cd;border-radius:10px;font-size:22px;font-weight:900;cursor:grab;user-select:none}.drag-handle:active{cursor:grabbing}.save-formation-order{display:flex;justify-content:flex-end;margin-top:22px}footer{padding:30px 20px;color:var(--muted);text-align:center;font-size:13px}
.checklist{grid-template-columns:1fr}.admin-card h2{margin-bottom:12px}.event-date{margin:0;color:var(--forest);font-size:18px;font-weight:700}.event-time{margin:2px 0 18px;color:var(--muted);font-weight:700}
@media(max-width:820px){.topbar{min-height:78px;padding:9px 18px}.topbar img{width:165px;height:58px}.topbar nav a{display:none}.hero{padding:42px 20px 62px}.hero-copy{display:block}.hero h1{font-size:clamp(40px,12vw,54px)}.hero-schedule{display:grid}.hero-date-card{width:100%;max-width:520px}.hero-details{margin-top:28px;padding:20px 0 0;border-top:1px solid rgba(255,255,255,.25);border-left:0}.container,.container.public{width:min(calc(100% - 28px),980px)}.grid,.event-grid,.checklist{grid-template-columns:1fr}.full{grid-column:auto}.panel{padding:22px}.booking-panel{padding:0}.form-intro,.booking-panel form{padding:24px 21px}.slots{grid-template-columns:repeat(3,1fr)}.submit-zone,.heading,.filters{align-items:stretch;flex-direction:column}.submit-zone .primary{width:100%}.actions{flex-direction:column}}
@media(max-width:430px){.event-meta{gap:24px}.slots{grid-template-columns:repeat(2,1fr)}.section-title small{font-size:12px}}
.hero-full h1{max-width:none;white-space:nowrap;font-size:clamp(30px,3.15vw,46px)!important}@media(max-width:820px){.hero-full h1{font-size:clamp(24px,7.6vw,40px)!important}}@media(max-width:480px){.hero{padding-left:14px;padding-right:14px}.hero-date-card{min-width:0;grid-template-columns:94px 1fr}.hero-time{padding-left:12px;padding-right:12px}.hero-time strong{font-size:17px}}
.day-config{padding:20px;border:1px solid var(--line);border-radius:14px;background:#f8faf7}.day-config legend{padding:0 8px;color:var(--forest);font-size:18px}.day-config legend small{color:var(--muted);font-size:13px;font-weight:400}.day-config.optional{background:#fff}
.row-actions{display:flex;gap:8px}.row-actions form{margin:0}.create-event-bar{margin-bottom:-25px;display:flex;justify-content:flex-end}
.confirmation-recap{margin:26px auto;display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left}.confirmation-recap>div{padding:16px;background:#f3f7f0;border:1px solid var(--line);border-radius:12px}.confirmation-recap>div:last-child{grid-column:1/-1}.confirmation-recap small,.confirmation-recap strong{display:block}.confirmation-recap small{margin-bottom:4px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.confirmation-recap strong{color:var(--forest);font-size:17px}.mail-status{margin:20px 0 26px;color:var(--muted)}@media(max-width:600px){.confirmation-recap{grid-template-columns:1fr}.confirmation-recap>div:last-child{grid-column:auto}}
.cancel-info{margin:0 0 26px;padding:16px 18px;text-align:left;background:#fff8ee;border:1px solid #efd9be;border-radius:12px}.cancel-info strong{color:var(--dark)}.cancel-info p{margin:5px 0 0;color:var(--muted)}
.stats-board{margin:28px 0 34px;padding:26px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.stats-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.stats-heading h2{margin:5px 0 0}.total-stat{min-width:108px;padding:12px 20px;text-align:center;color:#fff;background:var(--forest);border-radius:14px}.total-stat span,.total-stat strong{display:block}.total-stat span{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.total-stat strong{font-size:30px;line-height:1.1}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.stats-card{padding:20px;background:#f8faf7;border:1px solid var(--line);border-radius:15px}.stats-card h3{margin:0 0 16px;color:var(--dark)}.stat-list{display:flex;flex-direction:column;gap:13px}.stat-row{display:grid;gap:5px}.stat-label{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;font-size:13px}.stat-label span{line-height:1.25}.stat-label strong{color:var(--forest);font-size:16px}.stat-bar{height:7px;overflow:hidden;background:#e2e9e0;border-radius:99px}.stat-bar i{display:block;height:100%;min-width:0;background:linear-gradient(90deg,var(--leaf),#9acb65);border-radius:99px}.time-stat-list h4{margin:5px 0 -3px;padding-top:10px;color:var(--forest);border-top:1px solid var(--line);font-size:13px}.time-stat-list h4:first-child{margin-top:0;padding-top:0;border-top:0}.registrations-title{margin:0 0 12px}.filter-result{margin:-8px 0 14px;font-size:13px}@media(max-width:820px){.stats-grid{grid-template-columns:1fr}.stats-heading{align-items:flex-start}.total-stat{min-width:92px;padding:10px 15px}}
@media(max-width:820px){.hero-full h1{white-space:normal!important;overflow-wrap:normal}.hero-schedule{width:100%}.hero-date-card{min-width:0}.heading .primary,.filters input,.filters select,.filters button{width:100%}.table{max-width:100%;-webkit-overflow-scrolling:touch}.stats-card{min-width:0}.stat-label{align-items:flex-start}.stat-label span{min-width:0;overflow-wrap:anywhere}.topbar nav{gap:10px}}
@media(max-width:520px){.topbar{min-height:72px;padding:8px 14px}.topbar img{width:145px;height:54px}.hero{padding:32px 14px 52px}.hero-full h1{font-size:clamp(27px,9vw,36px)!important;line-height:1.08}.hero-full p{margin-top:18px;font-size:16px}.hero-schedule{gap:11px;margin-top:20px}.hero-date-card{grid-template-columns:88px minmax(0,1fr);min-height:98px;border-radius:12px}.hero-calendar{height:68px}.hero-day{font-size:32px}.hero-weekday,.hero-month{font-size:10px}.hero-time{min-width:0;padding:13px 10px}.hero-time strong{font-size:16px;white-space:normal}.clock-icon{font-size:21px}.container,.container.public{width:calc(100% - 20px)}.container{margin-top:28px;margin-bottom:28px}.container.public{margin-top:-24px}.form-intro,.booking-panel form{padding-left:17px;padding-right:17px}.section-title{align-items:flex-start}.section-title small{line-height:1.3}.slots{grid-template-columns:repeat(2,minmax(0,1fr))}.slots span{padding-left:3px;padding-right:3px}.stats-board{margin:22px 0 28px;padding:17px;border-radius:15px}.stats-heading{flex-direction:column;gap:12px}.total-stat{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left}.total-stat strong{font-size:25px}.stats-card{padding:15px}.filters{gap:10px}.table table{min-width:760px}.confirmation{margin-top:35px}.confirmation h1{font-size:30px}}
@media(max-width:820px){.public-topbar{padding-left:14px;padding-right:14px}}@media(max-width:520px){.public-topbar{padding-left:10px;padding-right:10px}}.drag-handle{touch-action:none}@media(max-width:820px){.grid>*,.stats-grid>*,.heading>*,.hero-copy>*{min-width:0}.table{width:100%;overflow-x:auto;overflow-y:hidden}.cancel-info a{overflow-wrap:anywhere}.formation-list>div{align-items:stretch;flex-direction:column;gap:12px}.row-actions{width:100%;flex-wrap:wrap}.row-actions form{flex:1 1 130px}.row-actions button{width:100%}}
.stats-summary{display:flex;align-items:center;gap:12px}.copy-stats.copied{color:#fff;background:var(--leaf)}.email-stats-copy{position:fixed;left:-10000px;top:0;width:720px;background:#fff;pointer-events:none}@media(max-width:820px){.stats-summary{width:100%;align-items:stretch;flex-direction:column-reverse}.copy-stats{width:100%}.total-stat{width:100%}}
.formation-stat-label{align-items:flex-start}.formation-stat-info{display:grid;gap:5px}.formation-stat-info>b{font-size:13px}.formation-stat-info small{display:grid;gap:2px;color:var(--muted);font-size:11px;font-weight:400}.formation-stat-info .day-count{color:var(--forest);font-size:12px}.formation-total{min-width:36px;text-align:right}.formation-total small{display:block;color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.email-log-summary{margin:24px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.email-log-summary>div{padding:17px 20px;background:#fff;border:1px solid var(--line);border-radius:13px}.email-log-summary span,.email-log-summary strong{display:block}.email-log-summary span{color:var(--muted);font-size:12px;font-weight:700}.email-log-summary strong{margin-top:4px;color:var(--dark);font-size:25px}.email-log-summary .accepted strong{color:var(--forest)}.email-log-summary .bounced strong{color:#a85e0b}.email-log-summary .failed strong{color:var(--danger)}.email-log-filters{flex-wrap:wrap}.email-log-filters input{min-width:210px}.email-log-table{min-width:900px}.email-status{display:inline-block;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800}.email-status.accepted{color:#315d30;background:#e8f4dc}.email-status.no-rejection{color:#28563c;background:#dcefd1}.email-status.bounced{color:#874900;background:#fff0d8}.email-status.failed{color:#8e2828;background:#fae8e8}.email-error{display:inline-block;max-width:330px;margin-top:6px;color:var(--danger)}
@media(max-width:820px){.email-log-summary{grid-template-columns:1fr}.email-log-filters>*{width:100%}}
.delivery-summary{display:flex;align-items:flex-start;gap:17px;margin:24px 0;padding:22px 24px;border:1px solid;border-radius:16px}.delivery-summary.success{color:#24502f;background:#edf6e8;border-color:#bdd7ad}.delivery-summary.warning{color:#6f3b00;background:#fff3df;border-color:#efc47f}.delivery-summary .delivery-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:50%;color:#fff;font-size:22px;font-weight:900}.delivery-summary.success .delivery-icon{background:#4f873b}.delivery-summary.warning .delivery-icon{background:#c87312}.delivery-summary h2{margin:2px 0 4px;font-size:21px}.delivery-summary p{margin:0}.delivery-summary ul{margin:12px 0 0;padding-left:19px}.delivery-summary li{margin:9px 0}.delivery-summary li small{display:block;margin-top:3px;color:#835d31}
@media(max-width:600px){.delivery-summary{padding:18px}.delivery-summary .delivery-icon{flex-basis:32px;height:32px;font-size:18px}.delivery-summary h2{font-size:18px}}
.reminder-confirmation{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 24px;padding:14px 18px;border:1px solid;border-radius:13px}.reminder-confirmation.success{color:#28563c;background:#edf6e8;border-color:#bdd7ad}.reminder-confirmation.warning{color:#7b4200;background:#fff3df;border-color:#efc47f}.reminder-confirmation span{text-align:right}
@media(max-width:650px){.reminder-confirmation{align-items:flex-start;flex-direction:column;gap:5px}.reminder-confirmation span{text-align:left}}
.reminder-history{margin:0 0 28px;padding:20px 22px;background:#fff;border:1px solid var(--line);border-radius:16px}.reminder-history-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}.reminder-history-heading h2{margin:5px 0 0;font-size:21px}.reminder-history-heading>strong{color:var(--forest);font-size:18px}.reminder-history-list{display:grid;gap:8px}.reminder-history-row{display:grid;grid-template-columns:30px minmax(170px,1.2fr) minmax(150px,1fr) minmax(110px,.7fr);align-items:center;gap:12px;padding:11px 13px;border-radius:11px}.reminder-history-row.success{color:#28563c;background:#edf6e8}.reminder-history-row.warning{color:#7b4200;background:#fff3df}.reminder-history-icon{display:grid;place-items:center;width:24px;height:24px;color:#fff;background:#4f873b;border-radius:50%;font-weight:900}.reminder-history-row.warning .reminder-history-icon{background:#c87312}@media(max-width:720px){.reminder-history{padding:17px}.reminder-history-heading{align-items:flex-start}.reminder-history-row{grid-template-columns:30px 1fr}.reminder-history-row>*:nth-child(n+3){grid-column:2}.reminder-history-row{gap:4px 10px}}
.actions form{margin:0}.archive-button{color:#795c20;background:#f7edd7}.status.archived{color:#795c20}.archived-card{background:#fffdf8;border-color:#eadfc8}.archive-grid{margin-top:30px}.archive-empty{margin-top:30px}.archived-card .event-date{margin-top:12px}.archived-card .event-time{margin-bottom:9px}@media(max-width:820px){.actions form,.actions form button{width:100%}}
.welcome-tag{text-transform:none;letter-spacing:.025em;font-size:14px}
.heading-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:9px}.heading-actions form{margin:0}.reminder-button{color:#28563c;background:#e8f4dc}.reminder-button.repeated{color:#7b4200;background:#fff0d5;border-color:#e8b965}.reminder-button.repeated:hover{background:#ffe4b7}.reminder-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:820px){.heading-actions,.heading-actions form,.heading-actions a,.heading-actions button{width:100%}}
.password-panel{margin-top:28px}.password-panel h1{margin-bottom:8px}.password-panel form{margin-top:24px}.password-panel label small{color:var(--muted);font-weight:400}

/* Champ anti-robots invisible aux visiteurs et lecteurs d'écran */
.trap {position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important;}

/* Kerplouz : accès discret à l'administration sur les pages publiques. */
.public-admin-link{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 42px;border-radius:12px;border:1px solid #dce4dd;background:#f5f8f3;color:#28563c;transition:background-color .18s,color .18s,border-color .18s,transform .18s}
.public-admin-link:hover{background:#28563c;border-color:#28563c;color:#fff;transform:translateY(-1px)}
.public-admin-link:focus-visible{outline:3px solid #d5683d;outline-offset:3px}
.public-admin-link svg{width:22px;height:22px;display:block}
@media(max-width:540px){.public-admin-link{width:40px;height:40px;flex-basis:40px}}