[data-axis-example-nav-host]{display:contents}.axis-example-nav-button span{font-size:18px}.axis-example-nav-button:hover{background:#eef8fa!important}.first-access-examples-button{margin-top:9px;border:1px solid rgba(11,49,87,.16);border-radius:10px;padding:10px 14px;background:rgba(255,255,255,.72);color:#0b3157;font-size:10px;font-weight:800;box-shadow:0 8px 20px rgba(7,28,53,.035)}.first-access-examples-button:hover{border-color:rgba(7,159,189,.35);background:#fff}.first-access-examples-button span{margin-left:5px;color:#079fbd}.axis-example-backdrop{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:24px;background:rgba(6,20,35,.62);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.axis-example-modal{position:relative;width:min(1080px,calc(100vw - 48px));height:min(850px,calc(100vh - 48px));padding:28px;overflow:hidden;border:1px solid rgba(255,255,255,.34);border-radius:22px;background:#f7fafc;box-shadow:0 34px 100px rgba(3,18,31,.28);display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-gap:20px;gap:20px}.axis-example-close{position:absolute;z-index:4;top:18px;right:18px;width:36px;height:36px;border:1px solid rgba(11,49,87,.12);border-radius:50%;background:#fff;color:#18364f;font-size:24px;line-height:1;box-shadow:0 8px 24px rgba(7,28,53,.08)}.axis-example-modal-head,.axis-example-preview-head{padding-right:52px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.axis-example-modal-head p,.axis-example-preview-head p{margin:0 0 5px;color:#079fbd;font-size:8px;font-weight:900;letter-spacing:.14em}.axis-example-modal-head h2,.axis-example-preview-head h2{margin:0;color:#102f42;font-size:24px;letter-spacing:-.03em}.axis-example-modal-head span{display:block;margin-top:7px;color:#637985;font-size:11px;line-height:1.5}.axis-example-modal-head>small{margin-top:8px;padding:6px 9px;border-radius:999px;background:#edf6f8;color:#56717b;font-size:8px;font-weight:800;white-space:nowrap}.axis-example-grid{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.axis-example-card{min-width:0;min-height:0;padding:0;overflow:hidden;text-align:left;border:1px solid rgba(11,49,87,.11);border-radius:15px;background:#fff;box-shadow:0 12px 30px rgba(7,28,53,.045);display:grid;grid-template-rows:minmax(0,1fr) auto;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.axis-example-card:hover{transform:translateY(-2px);border-color:rgba(7,159,189,.28);box-shadow:0 17px 36px rgba(7,28,53,.075)}.axis-example-card-preview{min-height:0;padding:10px;background:linear-gradient(145deg,#eef4f7,#f9fbfc);overflow:hidden}.axis-example-card-copy{padding:11px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px}.axis-example-card-copy>span{display:grid;grid-gap:2px;gap:2px}.axis-example-card-copy small{color:#7b8e96;font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.axis-example-card-copy b{color:#16394a;font-size:12px}.axis-example-card-copy i{color:#079fbd;font-size:9px;font-style:normal;font-weight:800;white-space:nowrap}.axis-example-gallery-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:12px;gap:12px}.axis-example-gallery-footer>button{justify-self:start;border:0;background:transparent;color:#496675;font-size:10px;font-weight:800}.axis-example-gallery-footer>button:last-child{justify-self:end}.axis-example-gallery-footer>button:disabled{opacity:.35;cursor:default}.axis-example-gallery-footer>div{display:flex;gap:7px}.axis-example-gallery-footer>div button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#c5d4da}.axis-example-gallery-footer>div button.active{width:22px;border-radius:999px;background:#079fbd}.axis-example-site{height:100%;min-height:150px;overflow:hidden;border-radius:9px;background:#fff;color:var(--example-dark);box-shadow:0 7px 18px rgba(16,36,49,.08);display:grid;grid-template-rows:auto minmax(0,1fr) auto}.axis-example-site header{height:28px;padding:0 9px;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(17,45,60,.08);background:rgba(255,255,255,.94)}.axis-example-site header b{margin-right:auto;font-size:6.5px;letter-spacing:.03em}.axis-example-site header nav{display:flex;gap:8px;color:#657d86;font-size:4.8px}.axis-example-site header nav span.active{color:var(--example-accent);font-weight:900}.axis-example-site header i{width:15px;height:15px;border-radius:50%;display:grid;place-items:center;background:var(--example-dark);color:#fff;font-size:6px;font-style:normal}.axis-example-site-hero{min-height:0;padding:12px 14px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(70px,.75fr);align-items:center;grid-gap:8px;gap:8px;background:linear-gradient(135deg,#fff 20%,var(--example-accent-soft))}.axis-example-site-hero>div{min-width:0;display:grid;align-content:center}.axis-example-site-hero small{color:var(--example-accent);font-size:4.8px;font-weight:900;letter-spacing:.12em}.axis-example-site-hero strong{max-width:220px;margin-top:5px;font:800 13px/1.03 Arial,Helvetica,sans-serif;letter-spacing:-.045em}.axis-example-site-hero p{max-width:235px;margin:5px 0 7px;color:#667a82;font-size:5.2px;line-height:1.45}.axis-example-site-hero button{width:max-content;padding:4px 6px;border:0;border-radius:4px;background:var(--example-dark);color:#fff;font-size:4.8px;font-weight:800}.axis-example-site-hero aside{position:relative;min-height:70px;align-self:stretch}.axis-example-site-hero aside span{position:absolute;display:block;border-radius:16px;background:var(--example-accent)}.axis-example-site-hero .shape-one{inset:6px 5px 4px 18px;opacity:.92;transform:rotate(-4deg)}.axis-example-site-hero .shape-two{width:44%;height:42%;right:0;top:0;background:#fff;box-shadow:0 4px 12px rgba(10,40,50,.12);transform:rotate(8deg)}.axis-example-site-hero .shape-three{width:35%;height:32%;left:4px;bottom:0;background:var(--example-dark);opacity:.93;transform:rotate(7deg)}.axis-example-site-strip{min-height:27px;padding:4px 10px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px;background:var(--example-dark);color:#fff}.axis-example-site-strip span{display:grid;grid-gap:1px;gap:1px}.axis-example-site-strip small{color:var(--example-accent);font-size:4px;font-weight:900}.axis-example-site-strip b{font-size:5px;font-weight:700}.variant-hospitality .shape-one{border-radius:50% 50% 14px 14px}.variant-restaurant .shape-one{border-radius:50%;transform:rotate(0)}.variant-artisan .shape-one{border-radius:2px 30px 2px 30px}.variant-beauty .shape-one{border-radius:50% 8px 50% 8px}.variant-consulting .shape-one{border-radius:8px;transform:skew(-7deg)}.variant-fitness .shape-one{border-radius:30px 4px 30px 4px;transform:rotate(7deg)}.variant-shop .shape-one{border-radius:4px}.variant-events .shape-one{border-radius:50% 4px 50% 4px}.axis-example-preview-head{align-items:center}.axis-example-preview-head>button:first-child{border:0;background:transparent;color:#54707c;font-size:9px;font-weight:800}.axis-example-preview-head>div{margin-right:auto}.axis-example-start{margin-right:42px;padding:9px 13px;border:0;border-radius:9px;background:linear-gradient(135deg,#0b3157,#079fbd);color:#fff;font-size:9px;font-weight:900;box-shadow:0 8px 18px rgba(7,159,189,.16)}.axis-example-page-tabs{margin-top:-8px;padding:4px;display:flex;gap:4px;width:max-content;max-width:100%;overflow:auto;border-radius:9px;background:#e9f0f3}.axis-example-page-tabs button{padding:7px 11px;border:0;border-radius:7px;background:transparent;color:#617984;font-size:9px}.axis-example-page-tabs button.active{background:#fff;color:#173d51;font-weight:800;box-shadow:0 2px 7px rgba(7,28,53,.06)}.axis-example-browser{min-height:0;overflow:hidden;border:1px solid rgba(11,49,87,.14);border-radius:14px;background:#fff;box-shadow:0 18px 45px rgba(7,28,53,.09);display:grid;grid-template-rows:34px minmax(0,1fr)}.axis-example-browser-bar{padding:0 12px;display:flex;align-items:center;gap:6px;background:#edf2f4;border-bottom:1px solid #dce6ea}.axis-example-browser-bar span{width:7px;height:7px;border-radius:50%;background:#bdcbd0}.axis-example-browser-bar b{margin-left:8px;color:#7b8e96;font-size:8px;font-weight:700}.axis-example-site.is-large{border-radius:0;box-shadow:none}.axis-example-site.is-large header{height:52px;padding:0 22px}.axis-example-site.is-large header b{font-size:12px}.axis-example-site.is-large header nav{gap:20px;font-size:9px}.axis-example-site.is-large header i{width:26px;height:26px;font-size:10px}.axis-example-site.is-large .axis-example-site-hero{padding:34px 42px;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:30px}.axis-example-site.is-large .axis-example-site-hero small{font-size:8px}.axis-example-site.is-large .axis-example-site-hero strong{max-width:520px;margin-top:13px;font-size:34px}.axis-example-site.is-large .axis-example-site-hero p{max-width:530px;margin:13px 0 17px;font-size:11px;line-height:1.6}.axis-example-site.is-large .axis-example-site-hero button{padding:9px 12px;border-radius:7px;font-size:9px}.axis-example-site.is-large .axis-example-site-hero aside{min-height:260px}.axis-example-site.is-large .axis-example-site-strip{min-height:54px;padding:10px 26px;gap:18px}.axis-example-site.is-large .axis-example-site-strip small{font-size:7px}.axis-example-site.is-large .axis-example-site-strip b{font-size:10px}.axis-example-preview-note{margin:0;color:#70858e;font-size:9px;line-height:1.4;text-align:center}@media(max-width:760px){[data-axis-example-nav-host]{display:none}.axis-example-backdrop{padding:10px}.axis-example-modal{width:calc(100vw - 20px);height:calc(100vh - 20px);padding:18px;border-radius:17px;gap:14px}.axis-example-modal-head h2,.axis-example-preview-head h2{font-size:20px}.axis-example-modal-head>small{display:none}.axis-example-grid{grid-template-columns:1fr;grid-template-rows:none;overflow:auto}.axis-example-card{min-height:235px}.axis-example-gallery-footer{grid-template-columns:1fr auto 1fr}.axis-example-preview-head{align-items:flex-start;flex-wrap:wrap}.axis-example-preview-head>div{order:2;width:100%}.axis-example-start{order:1;margin:0 40px 0 auto}.axis-example-page-tabs{margin-top:0}.axis-example-site.is-large .axis-example-site-hero{padding:22px 18px;grid-template-columns:1fr}.axis-example-site.is-large .axis-example-site-hero strong{font-size:27px}.axis-example-site.is-large .axis-example-site-hero aside,.axis-example-site.is-large header nav{display:none}.axis-example-preview-note{text-align:left}.first-access-examples-button{width:max-content;max-width:100%}}.axis-example-real-card{cursor:pointer}.axis-example-card-preview iframe{width:160%;height:160%;border:0;background:#fff;pointer-events:none;transform:scale(.625);transform-origin:top left}.axis-example-real-browser{width:100%;height:100%;min-height:0;border:0;background:#fff;transition:width .18s ease}.axis-example-empty-gallery{min-height:0;display:grid;place-items:center;padding:28px;border:1px dashed rgba(11,49,87,.15);border-radius:14px;background:#fff;color:#71868f;font-size:11px;text-align:center}.axis-example-browser:has(.axis-example-real-browser){min-height:0}.axis-example-browser .axis-example-real-browser{display:block;justify-self:center}.axis-example-browser[data-axis-gallery-viewport=tablet] .axis-example-real-browser{width:min(820px,100%)}.axis-example-browser[data-axis-gallery-viewport=mobile] .axis-example-real-browser{width:min(390px,100%)}.axis-example-browser[data-axis-gallery-viewport=mobile],.axis-example-browser[data-axis-gallery-viewport=tablet]{background:#e9eef1}.axis-example-viewport-buttons{display:flex;padding:3px;border:1px solid rgba(11,49,87,.12);border-radius:9px;background:#e9f0f3}.axis-example-viewport-buttons button{height:28px;padding:0 8px;border:0;border-radius:6px;background:transparent;color:#617984;font-size:8px;font-weight:800;white-space:nowrap}.axis-example-viewport-buttons button:hover{color:#173d51}.axis-example-viewport-buttons button.active{background:#fff;color:#173d51;box-shadow:0 2px 7px rgba(7,28,53,.07)}@media(min-width:761px){.axis-example-modal{width:min(1240px,calc(100vw - 36px));height:min(900px,calc(100vh - 32px));gap:14px}.axis-example-modal:has(.axis-example-preview-head){grid-template-columns:30px minmax(132px,.42fr) minmax(250px,1fr) auto auto;grid-template-rows:auto minmax(0,1fr) auto;column-gap:9px;row-gap:12px}.axis-example-modal:has(.axis-example-preview-head) .axis-example-preview-head{display:contents}.axis-example-modal:has(.axis-example-preview-head) .axis-example-preview-back{grid-column:1;grid-row:1;align-self:start;justify-self:start;width:28px;height:28px;margin:0;padding:0;display:grid;place-items:center;border:0;background:transparent;color:#54707c;font-size:18px;font-weight:800;line-height:1}.axis-example-modal:has(.axis-example-preview-head) .axis-example-preview-back:hover{color:#079fbd}.axis-example-modal:has(.axis-example-preview-head) .axis-example-preview-head>div{grid-column:2;grid-row:1;align-self:start;margin:0;padding-top:1px;min-width:0}.axis-example-modal:has(.axis-example-preview-head) .axis-example-preview-head>div p{margin-bottom:3px}.axis-example-modal:has(.axis-example-preview-head) .axis-example-preview-head>div h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.axis-example-modal:has(.axis-example-preview-head) .axis-example-page-tabs{grid-column:3;grid-row:1;align-self:center;justify-self:stretch;width:100%;max-width:100%;min-width:0;margin:0}.axis-example-modal:has(.axis-example-preview-head) .axis-example-viewport-host{grid-column:4;grid-row:1;align-self:center;justify-self:end}.axis-example-modal:has(.axis-example-preview-head) .axis-example-start{grid-column:5;grid-row:1;align-self:center;justify-self:end;margin:0 18px 0 0;white-space:nowrap}.axis-example-modal:has(.axis-example-preview-head)>.axis-example-close{top:12px;right:12px;transform:translate(7px,-7px)}.axis-example-modal:has(.axis-example-preview-head) .axis-example-browser{grid-column:1/-1;grid-row:2;height:100%;min-height:0}.axis-example-modal:has(.axis-example-preview-head) .axis-example-preview-note{grid-column:1/-1;grid-row:3;align-self:end}}@media(max-width:1040px) and (min-width:761px){.axis-example-modal:has(.axis-example-preview-head){grid-template-columns:28px minmax(115px,.34fr) minmax(180px,1fr) auto auto;column-gap:7px}.axis-example-viewport-buttons button{padding:0 6px;font-size:7px}.axis-example-modal:has(.axis-example-preview-head) .axis-example-start{margin-right:10px;padding-left:10px;padding-right:10px}}@media(max-width:760px){.axis-example-card-preview iframe{width:180%;height:180%;transform:scale(.5556)}.axis-example-empty-gallery{min-height:220px}.axis-example-modal:has(.axis-example-preview-head){grid-template-rows:auto auto auto minmax(0,1fr) auto}.axis-example-preview-head>button:first-child{font-size:0;width:30px;height:30px;padding:0}.axis-example-preview-head>button:first-child:after{content:"←";font-size:18px}.axis-example-preview-head>div{width:calc(100% - 42px)!important;margin-left:2px!important}.axis-example-preview-head>div p{margin-bottom:3px}.axis-example-viewport-host{width:100%}.axis-example-viewport-buttons{width:max-content;max-width:100%}.axis-example-browser[data-axis-gallery-viewport=tablet] .axis-example-real-browser{width:min(680px,100%)}.axis-example-browser[data-axis-gallery-viewport=mobile] .axis-example-real-browser{width:min(360px,100%)}}.axis-example-nav-button{width:100%;display:flex!important;align-items:center!important;gap:12px!important;font-size:0!important;color:#0b3157!important;font-family:inherit!important;font-weight:inherit!important}.axis-example-nav-button>span{display:none!important}.axis-example-nav-button:before{content:"";width:18px;height:18px;flex:0 0 18px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23087f9f'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3.5'%20y='3.5'%20width='7'%20height='7'%20rx='1.4'/%3E%3Crect%20x='13.5'%20y='3.5'%20width='7'%20height='7'%20rx='1.4'/%3E%3Crect%20x='3.5'%20y='13.5'%20width='7'%20height='7'%20rx='1.4'/%3E%3Crect%20x='13.5'%20y='13.5'%20width='7'%20height='7'%20rx='1.4'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:18px 18px}.axis-example-nav-button:after{content:"Galerie sites";color:#0b3157!important;font-family:inherit!important;font-size:14px;font-weight:inherit!important;line-height:1;letter-spacing:inherit}.axis-example-nav-button:hover{background:#f3f0e9!important;color:#0b3157!important}.axis-example-nav-button:hover:after{color:#0b3157!important}.app-shell:has(.first-login-shell) .axis-example-nav-button{color:#dff6fb!important}.app-shell:has(.first-login-shell) .axis-example-nav-button:before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%2362d8ef'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3.5'%20y='3.5'%20width='7'%20height='7'%20rx='1.4'/%3E%3Crect%20x='13.5'%20y='3.5'%20width='7'%20height='7'%20rx='1.4'/%3E%3Crect%20x='3.5'%20y='13.5'%20width='7'%20height='7'%20rx='1.4'/%3E%3Crect%20x='13.5'%20y='13.5'%20width='7'%20height='7'%20rx='1.4'/%3E%3C/svg%3E")}.app-shell:has(.first-login-shell) .axis-example-nav-button:after{color:#dff6fb!important}.app-shell:has(.first-login-shell) .axis-example-nav-button:hover{background:rgba(98,216,239,.1)!important;color:#ffffff!important}.app-shell:has(.first-login-shell) .axis-example-nav-button:hover:after{color:#ffffff!important}@media (min-width:761px){.app-shell .sidebar{padding-bottom:82px}.app-shell .topbar .top-actions{top:auto!important;bottom:22px;left:20px}.first-login-shell .first-access-steps{margin-top:-18px;margin-bottom:18px}}@media (max-width:1050px) and (min-width:761px){.app-shell .sidebar{padding-bottom:78px}.app-shell .topbar .top-actions{top:auto!important;bottom:22px;left:13px}}.axis-project-purchase-backdrop{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:20px;background:rgba(3,22,43,.62);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.axis-project-purchase-card{width:min(540px,100%);max-height:calc(100vh - 40px);overflow-y:auto;position:relative;padding:32px;border:1px solid rgba(178,217,232,.72);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(246,251,254,.98));box-shadow:0 34px 100px rgba(3,26,55,.3);color:#091b31}.axis-project-purchase-close{position:absolute;top:16px;right:17px;width:32px;height:32px;border-radius:50%;border:1px solid #dce7ef;background:#fff;color:#64778a;font-size:20px}.axis-project-purchase-spark{width:42px;height:42px;display:grid;place-items:center;margin-bottom:18px;border-radius:50%;background:#dff8fd;color:#087f9f;font-size:18px}.axis-project-purchase-kicker{margin:0 0 7px;color:#079fbd;font-size:10px;font-weight:800;letter-spacing:.14em}.axis-project-purchase-card h2{margin:0 0 8px;font:600 31px/1.08 Georgia,serif;letter-spacing:-.025em}.axis-project-purchase-intro{margin:0 0 20px;color:#64778a;font-size:11px;line-height:1.55}.axis-project-purchase-project{display:grid;grid-gap:5px;gap:5px;padding:15px 16px;border:1px solid #dce7ef;border-radius:12px;background:#fff}.axis-project-purchase-project small{color:#079fbd;font-size:8px;font-weight:800;letter-spacing:.12em}.axis-project-purchase-project strong{font-size:18px}.axis-project-purchase-project span{color:#47627a;font-size:11px}.axis-project-purchase-project p{margin:3px 0 0;color:#64778a;font-size:10px;line-height:1.45}.axis-project-purchase-offer{display:grid;grid-template-columns:1fr auto;grid-gap:18px;gap:18px;align-items:center;margin-top:14px;padding:17px 18px;border-radius:13px;background:linear-gradient(135deg,#071c35,#0b3157);color:#fff}.axis-project-purchase-offer>div{display:grid;grid-gap:7px;gap:7px}.axis-project-purchase-offer>div span{position:relative;padding-left:17px;font-size:10px;line-height:1.35}.axis-project-purchase-offer>div span:before{content:"✓";position:absolute;left:0;color:#56d5e9;font-weight:800}.axis-project-purchase-offer>p{display:grid;grid-gap:1px;gap:1px;margin:0;text-align:right}.axis-project-purchase-offer>p strong{font-size:28px;line-height:1}.axis-project-purchase-offer>p small{color:#bad2df;font-size:8px;white-space:nowrap}.axis-project-purchase-note{margin:14px 0 18px;color:#64778a;font-size:9px;line-height:1.5}.axis-project-beta-invite{display:grid;grid-gap:7px;gap:7px;margin:14px 0 18px;padding:14px 15px;border:1px solid rgba(7,159,189,.28);border-radius:12px;background:#eefbfe}.axis-project-beta-invite>label{color:#087f9f;font-size:8px;font-weight:900;letter-spacing:.12em}.axis-project-beta-invite>div{position:relative}.axis-project-beta-invite input{width:100%;height:43px;padding:0 42px 0 12px;border:1px solid #bddce5;border-radius:9px;outline:0;background:#fff;color:#0b3157;font:750 11px/1 monospace;letter-spacing:.035em;text-transform:uppercase}.axis-project-beta-invite input:focus{border-color:#08a9c5;box-shadow:0 0 0 3px rgba(7,184,216,.11)}.axis-project-beta-invite input[aria-invalid=true]{border-color:#c95b64}.axis-project-beta-invite>div>span{position:absolute;top:50%;right:12px;display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:#dff8fd;color:#087f9f;font-size:13px;font-weight:900;transform:translateY(-50%)}.axis-project-beta-invite>small{color:#60798c;font-size:8px;line-height:1.4}.axis-project-beta-invite>p{margin:0;color:#a13a45;font-size:9px;line-height:1.4}.axis-project-purchase-actions{display:grid;grid-template-columns:auto 1fr;grid-gap:10px;gap:10px}.axis-project-purchase-actions button{min-height:44px;border-radius:10px;font-size:10px;font-weight:800}.axis-project-purchase-secondary{padding:0 17px;border:1px solid #cbdbe5;background:#fff;color:#0b3157}.axis-project-purchase-primary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 18px;border:0;background:linear-gradient(135deg,#11cee3,#159bd1);color:#04182b;box-shadow:0 12px 26px rgba(7,159,189,.2)}.axis-project-purchase-actions button:disabled{opacity:.6;cursor:wait}.axis-project-payment-handoff,.axis-project-payment-return{position:fixed;inset:0;z-index:130;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;overflow:hidden;padding:28px;background:radial-gradient(circle at 50% 44%,rgba(16,197,223,.2),transparent 27rem),radial-gradient(circle at 78% 20%,rgba(85,199,91,.08),transparent 20rem),linear-gradient(145deg,#03152f,#061d38 58%,#07334d);color:#fff;text-align:center;isolation:isolate}.axis-project-payment-handoff{z-index:140}.axis-project-payment-handoff:before,.axis-project-payment-return:before{content:"";position:absolute;inset:0;z-index:-2;opacity:.18;background-image:linear-gradient(rgba(75,206,235,.13) 1px,transparent 0),linear-gradient(90deg,rgba(75,206,235,.13) 1px,transparent 0);background-size:42px 42px;-webkit-mask-image:radial-gradient(circle at center,#000 0 42%,transparent 76%);mask-image:radial-gradient(circle at center,#000 0 42%,transparent 76%)}.axis-project-payment-handoff:after,.axis-project-payment-return:after{content:"";position:absolute;z-index:-1;width:min(560px,80vw);height:130px;top:calc(50% - 34px);border-radius:50%;background:rgba(12,211,235,.16);filter:blur(46px);transform:scaleX(.85);animation:axis-project-payment-glow 3.2s ease-in-out infinite}.axis-project-payment-brand{position:absolute;top:clamp(28px,6vh,54px);left:50%;display:inline-flex;align-items:center;gap:10px;transform:translateX(-50%);color:#f8fdff}.axis-project-payment-brand>span{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(77,224,241,.46);border-radius:10px;background:rgba(16,197,223,.1);color:#49dce9;box-shadow:0 0 24px rgba(16,197,223,.14);font-size:15px}.axis-project-payment-brand strong{font:800 12px/1 Arial,Helvetica,sans-serif;letter-spacing:.11em;white-space:nowrap}.axis-project-payment-brand strong b{color:#3dd8e7;font:inherit}.axis-project-payment-handoff h2{max-width:640px;margin:14px 0 1px;font:650 clamp(28px,4vw,42px)/1.08 Georgia,serif;letter-spacing:-.025em}.axis-project-payment-handoff>p{max-width:520px;margin:0;color:#bfd2df;font-size:12px;line-height:1.55}.axis-project-payment-dots{display:flex;align-items:center;gap:8px;height:30px;margin-top:12px}.axis-project-payment-dots i{width:8px;height:8px;border-radius:50%;background:#31d5e6;box-shadow:0 0 0 5px rgba(49,213,230,.08);animation:axis-project-payment-dot 1.35s ease-in-out infinite}.axis-project-payment-dots i:nth-child(2){animation-delay:.16s}.axis-project-payment-dots i:nth-child(3){animation-delay:.32s}.axis-project-payment-security{display:inline-flex;align-items:center;justify-content:center;min-height:30px;margin-top:12px;padding:7px 12px;border:1px solid rgba(167,218,232,.16);border-radius:999px;background:rgba(255,255,255,.045);color:#9fbac9;font-size:9px;letter-spacing:.025em}.axis-project-payment-state-icon{width:62px;height:62px;display:grid;place-items:center;margin:16px 0 7px;border:1px solid rgba(71,220,234,.34);border-radius:50%;background:rgba(16,197,223,.08);box-shadow:0 0 0 9px rgba(16,197,223,.045),0 18px 50px rgba(0,191,215,.09)}.axis-project-payment-state-icon>span{color:#61dfec;font-size:24px;font-weight:800}.axis-project-payment-return.is-activating .axis-project-payment-state-icon,.axis-project-payment-return.is-ready .axis-project-payment-state-icon{border-color:rgba(92,211,117,.42);background:rgba(85,199,91,.1);box-shadow:0 0 0 9px rgba(85,199,91,.05),0 18px 50px rgba(85,199,91,.08)}.axis-project-payment-return.is-activating .axis-project-payment-state-icon>span,.axis-project-payment-return.is-ready .axis-project-payment-state-icon>span{color:#77e18e}.axis-project-payment-return.is-cancelled .axis-project-payment-state-icon{border-color:rgba(240,182,107,.34);background:rgba(240,182,107,.08);box-shadow:0 0 0 9px rgba(240,182,107,.04)}.axis-project-payment-return.is-cancelled .axis-project-payment-state-icon>span{color:#f0c283}.axis-project-payment-return-title{margin-top:2px;font:650 clamp(27px,4vw,40px)/1.08 Georgia,serif;letter-spacing:-.025em}.axis-project-payment-return-detail{max-width:520px;color:#bfd2df;font-size:12px;line-height:1.55}.axis-project-payment-return-action{min-height:42px;margin-top:14px;padding:0 18px;border:1px solid rgba(76,215,232,.35);border-radius:10px;background:linear-gradient(135deg,#16cadd,#159bd1);color:#04182b;font-size:10px;font-weight:800;box-shadow:0 10px 28px rgba(7,159,189,.18)}.axis-project-payment-spinner{width:31px;height:31px;border:3px solid rgba(255,255,255,.17);border-top-color:#48dce9;border-radius:50%;animation:axis-project-payment-spin .78s linear infinite}@keyframes axis-project-payment-spin{to{transform:rotate(1turn)}}@keyframes axis-project-payment-dot{0%,to{opacity:.38;transform:translateY(0) scale(.82)}50%{opacity:1;transform:translateY(-5px) scale(1.08)}}@keyframes axis-project-payment-glow{0%,to{opacity:.55;transform:scaleX(.82)}50%{opacity:1;transform:scaleX(1.03)}}@media (max-width:560px){.axis-project-purchase-backdrop{padding:12px}.axis-project-purchase-card{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:27px 20px 22px;border-radius:16px}.axis-project-purchase-close{top:10px;right:10px;width:44px;height:44px}.axis-project-purchase-card h2{padding-right:28px;font-size:27px}.axis-project-purchase-intro{font-size:13px}.axis-project-purchase-project small{font-size:10px}.axis-project-purchase-project span{font-size:12px}.axis-project-purchase-project p{font-size:11px}.axis-project-purchase-offer{grid-template-columns:1fr}.axis-project-purchase-offer>div span{font-size:12px}.axis-project-purchase-offer>p{text-align:left}.axis-project-beta-invite>label,.axis-project-purchase-offer>p small{font-size:10px}.axis-project-beta-invite input{height:48px;font-size:16px}.axis-project-beta-invite>small{font-size:11px}.axis-project-purchase-actions{grid-template-columns:1fr}.axis-project-purchase-actions button{min-height:48px;font-size:13px}.axis-project-purchase-secondary{order:2}.axis-project-payment-handoff,.axis-project-payment-return{padding-inline:20px}.axis-project-payment-security{max-width:92vw}}@media (prefers-reduced-motion:reduce){.axis-project-payment-dots i,.axis-project-payment-handoff:after,.axis-project-payment-return:after{animation:none}.axis-project-payment-spinner{animation-duration:1.8s}}.auth-shell.auth-loading.axis-global-loading-host{text-align:center}.auth-shell.auth-loading.axis-global-loading-host .axis-global-loader{gap:12px;margin-bottom:8px}.auth-shell.auth-loading.axis-global-loading-host .axis-global-loader svg{width:78px;height:78px;filter:drop-shadow(0 0 20px rgba(16,197,223,.26)) drop-shadow(0 10px 34px rgba(0,0,0,.22))}.auth-shell.auth-loading.axis-global-loading-host .axis-global-loader-base{stroke:rgba(248,252,255,.15)}.auth-shell.auth-loading.axis-global-loading-host .axis-global-loader-inner{fill:#071c35;stroke:rgba(16,197,223,.3)}.auth-shell.auth-loading.axis-global-loading-host .axis-global-loader-segment{stroke-width:6.4}.auth-shell.auth-loading.axis-global-loading-host .axis-global-loader-core-ring{stroke:#10c5df;opacity:.58}.auth-shell.auth-loading.axis-global-loading-host .axis-global-loader-core{fill:#f8fcff;filter:drop-shadow(0 0 7px rgba(248,252,255,.46))}.auth-shell.auth-loading.axis-global-loading-host .axis-global-loader-dots i{background:#55c75b;box-shadow:0 0 8px rgba(85,199,91,.35)}.auth-shell.auth-loading.axis-global-loading-host p{margin-top:2px;color:rgba(248,252,255,.82)}.interview-layout{grid-template-columns:minmax(190px,220px) minmax(0,1fr)!important;gap:18px!important;align-items:start}.interview-layout .insight-panel{display:none!important}.interview-layout .steps-panel{position:-webkit-sticky;position:sticky;top:24px;align-self:start;overflow:hidden;border-color:rgba(11,49,87,.12);background:rgba(255,255,255,.92);box-shadow:0 14px 34px rgba(7,28,53,.045)}.interview-layout .steps-panel .panel-head{padding:16px 17px;background:linear-gradient(145deg,rgba(11,49,87,.035),rgba(16,197,223,.025))}.interview-layout .steps-panel .panel-head>b{padding:5px 8px;border-radius:999px;background:#eef7f9;color:#0b6075;font-size:9px;font-weight:900}.interview-layout .steps{padding:10px 13px 14px}.interview-layout .steps>div{padding:11px 8px;transition:background-color .16s ease,transform .16s ease}.interview-layout .steps>div.current{background:linear-gradient(90deg,rgba(16,197,223,.1),rgba(85,199,91,.055));box-shadow:inset 3px 0 0 #10c5df}.interview-layout .steps>div.current>span{border-color:rgba(16,197,223,.35);background:#0b3157;color:#fff;box-shadow:0 5px 12px rgba(11,49,87,.12)}.interview-layout .steps b{font-size:10.5px}.interview-layout .steps small{font-size:8.5px;line-height:1.45}.interview-layout .steps-panel .secondary-button{min-height:38px;margin-top:2px;border-color:rgba(11,49,87,.2);background:linear-gradient(145deg,#fff,#f4fafb);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;animation:axisSummaryNextStepPulse 2.8s ease-in-out infinite}.interview-layout .steps-panel .secondary-button:hover{transform:translateY(-1px);border-color:#10c5df;box-shadow:0 8px 18px rgba(16,197,223,.1)}@keyframes axisSummaryNextStepPulse{0%,to{opacity:1;border-color:rgba(11,49,87,.2);box-shadow:0 0 0 0 rgba(16,197,223,0)}50%{opacity:.76;border-color:rgba(16,197,223,.72);box-shadow:0 0 0 5px rgba(16,197,223,.08),0 8px 20px rgba(16,197,223,.1)}}.interview-layout .conversation{min-width:0;min-height:620px;overflow:hidden;border-color:rgba(11,49,87,.13);background:rgba(255,255,255,.95);box-shadow:0 18px 48px rgba(7,28,53,.055)}.interview-layout .conversation .panel-head{padding:17px 21px;background:radial-gradient(circle at 88% 0,rgba(16,197,223,.08),transparent 13rem),linear-gradient(145deg,rgba(248,252,255,.96),rgba(255,255,255,.96))}.interview-layout .conversation .panel-head h3{font-size:14px}.interview-layout .conversation .live-dot{padding:6px 9px;background:#e7f6f4;color:#0b6d73}.interview-layout .messages{min-height:390px;max-height:520px;padding:24px 25px 18px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(11,49,87,.24) transparent}.interview-layout .messages::-webkit-scrollbar{width:7px}.interview-layout .messages::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(11,49,87,.18)}.interview-layout .message{gap:10px;margin-bottom:18px}.interview-layout .message>span{width:30px;height:30px;box-shadow:0 6px 14px rgba(11,49,87,.1)}.interview-layout .message p{max-width:76%;padding:12px 14px;border-radius:5px 14px 14px 14px;background:#f2f6f8;color:#193149;font-size:11px;line-height:1.62}.interview-layout .message.user p{border-radius:14px 5px 14px 14px;background:linear-gradient(145deg,#e8f5ef,#edf7f4)}.interview-layout .message.user>span{background:#dff5e4;color:#216738}.interview-layout .composer{margin:2px 20px 0;padding:9px;border-color:rgba(11,49,87,.16);border-radius:12px;box-shadow:0 8px 20px rgba(7,28,53,.035);transition:border-color .16s ease,box-shadow .16s ease}.interview-layout .composer:focus-within{border-color:#10c5df;box-shadow:0 0 0 3px rgba(16,197,223,.09),0 10px 24px rgba(7,28,53,.045)}.interview-layout .composer textarea{min-height:54px;font-size:11px;line-height:1.5}.interview-layout .composer button{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#0b3157,#087fa0);transition:transform .16s ease,box-shadow .16s ease}.interview-layout .composer button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(8,127,160,.22)}.interview-layout .privacy{margin:10px 0 13px}.interview-layout .conversation:has(.composer textarea:disabled) .composer{display:none}.interview-layout .conversation:has(.composer textarea:disabled) .live-dot{display:inline-flex;align-items:center;gap:5px;font-size:0;background:#e8f6ec;color:#27733d}.interview-layout .conversation:has(.composer textarea:disabled) .live-dot:before{content:"✓";margin:0;font-size:8px}.interview-layout .conversation:has(.composer textarea:disabled) .live-dot:after{content:"Entretien terminé";font-size:8px;font-weight:900}.interview-layout .conversation:has(>.primary-button) .live-dot{background:#fff2e8;color:#9a561f}.interview-layout .conversation:has(>.primary-button) .live-dot:before{content:"!"}.interview-layout .conversation:has(>.primary-button) .live-dot:after{content:"Synthèse à finaliser"}.interview-layout .conversation:has(.composer textarea:disabled) .privacy{display:none!important}.interview-layout .conversation .axis-interview-end{width:min(620px,calc(100% - 40px));margin:12px auto 18px!important;padding:12px 14px 12px 13px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title action" "copy action";align-items:center;grid-column-gap:16px;column-gap:16px;grid-row-gap:2px;row-gap:2px;border:1px solid rgba(16,197,223,.2)!important;border-radius:12px!important;background:linear-gradient(135deg,rgba(16,197,223,.055),rgba(85,199,91,.035)),rgba(251,254,255,.98)!important;box-shadow:inset 3px 0 0 rgba(85,199,91,.58),0 8px 24px rgba(7,28,53,.045)!important}.interview-layout .conversation .axis-interview-end strong{grid-area:title;color:#153a45!important;font-size:12px!important;font-weight:800;line-height:1.35}.interview-layout .conversation .axis-interview-end p{grid-area:copy;margin:1px 0 0!important;color:#657b84!important;font-size:10px;line-height:1.45!important}.interview-layout .conversation .axis-interview-end .primary-button{grid-area:action;align-self:center;justify-self:end;min-height:34px;margin:0!important;padding:8px 12px;border-radius:8px;font-size:9px;white-space:nowrap;box-shadow:0 7px 16px rgba(8,127,160,.12)}.interview-layout .conversation>.primary-button{width:max-content;margin:4px 20px 12px}@media (max-width:1050px) and (min-width:761px){.interview-layout{grid-template-columns:190px minmax(0,1fr)!important}.interview-layout .messages{padding-inline:20px}}@media (max-width:760px){.interview-layout{grid-template-columns:1fr!important;gap:14px!important}.interview-layout .steps-panel{position:static;order:2}.interview-layout .conversation{min-height:560px}.interview-layout .conversation .panel-head{display:grid;grid-template-columns:27px minmax(0,1fr) auto;grid-template-areas:"icon title status" "icon question status";align-items:center;grid-column-gap:9px;column-gap:9px;grid-row-gap:4px;row-gap:4px;padding:14px 16px}.interview-layout .conversation .panel-head>div{display:contents}.interview-layout .conversation .panel-head .panel-icon{grid-area:icon}.interview-layout .conversation .panel-head h3{grid-area:title;min-width:0;font-size:13px;line-height:1.15;white-space:nowrap}.interview-layout .conversation .panel-head .axis-native-question-count{grid-area:question;justify-self:start;margin:0;line-height:1.15;white-space:nowrap}.interview-layout .conversation .panel-head .live-dot{grid-area:status;align-self:center;justify-self:end;margin:0;white-space:nowrap}.interview-layout .messages{min-height:330px;max-height:460px;padding:20px 16px 16px}.interview-layout .message p{max-width:84%}.interview-layout .composer{margin-inline:14px}.interview-layout .conversation .axis-interview-end{width:calc(100% - 28px);grid-template-columns:1fr;grid-template-areas:"title" "copy" "action";row-gap:5px;padding:12px!important}.interview-layout .conversation .axis-interview-end .primary-button{justify-self:start;margin-top:3px!important}}@media (prefers-reduced-motion:reduce){.interview-layout .steps-panel .secondary-button{animation:none}}@media (max-width:760px){.app-shell .axis-mobile-brand-home .axis-logo{width:32px;height:32px;background:url(/axis-logo-desktop-mark.svg) 50%/contain no-repeat;filter:drop-shadow(0 7px 10px rgba(6,58,91,.13))}.app-shell .axis-mobile-brand-home .axis-logo>svg{opacity:0}}.axis-preview-version-nav{width:30px!important;height:42px!important;border-radius:9px!important;font-size:25px!important}.axis-preview-version-prev{left:8px!important}.axis-preview-version-next{right:8px!important}@media (max-width:620px){.axis-preview-version-nav{width:28px!important;height:38px!important;font-size:23px!important}.axis-preview-version-prev{left:6px!important}.axis-preview-version-next{right:6px!important}}@media (max-width:900px){.preview-shell[data-axis-mobile-preview=true]>header{grid-template-columns:minmax(0,1fr) auto auto auto!important}.preview-shell[data-axis-mobile-preview=true] .axis-preview-inline-export{grid-column:2!important;grid-row:1!important;order:0!important;margin:0!important;align-self:center}.preview-shell[data-axis-mobile-preview=true] .axis-mobile-preview-menu{grid-column:3!important}.preview-shell[data-axis-mobile-preview=true] .close-button{grid-column:4!important}}@media (max-width:900px) and (orientation:landscape){.preview-shell[data-axis-mobile-preview=true]>header{grid-template-columns:auto minmax(130px,1fr) auto auto auto!important}.preview-shell[data-axis-mobile-preview=true] .axis-preview-inline-export{grid-column:3!important}.preview-shell[data-axis-mobile-preview=true] .axis-mobile-preview-menu{grid-column:4!important}.preview-shell[data-axis-mobile-preview=true] .close-button{grid-column:5!important}}@media (max-width:760px){.auth-shell{width:100%;height:100dvh;min-height:100dvh;overflow:hidden;place-items:center;padding:max(12px,env(safe-area-inset-top)) 14px max(12px,env(safe-area-inset-bottom))}.auth-shell .auth-card{width:min(100%,400px);max-height:calc(100dvh - 82px);overflow-y:auto;overscroll-behavior:contain;padding:24px 22px 22px;border-radius:16px;scrollbar-width:thin}.auth-shell .auth-brand{margin-bottom:22px}.auth-shell .auth-card h1{font-size:30px}.auth-shell .auth-intro{margin-bottom:18px}.auth-shell .auth-card form{gap:12px}.auth-shell .auth-card input{padding:10px 12px}.auth-shell .auth-switch{margin-top:14px}.auth-shell .auth-back{position:fixed;z-index:2;top:max(12px,env(safe-area-inset-top));left:14px}}@media (max-width:760px) and (max-height:640px){.auth-shell .auth-card{max-height:calc(100dvh - 64px);padding-top:20px;padding-bottom:18px}.auth-shell .auth-brand{margin-bottom:16px}.auth-shell .auth-card h1{font-size:27px}}@media (max-width:760px){.first-login-shell .first-access-steps p{line-height:1.45!important;text-wrap:pretty;overflow-wrap:normal;word-break:normal}.first-login-shell .first-access-steps article p br{display:revert!important}}@media (max-width:760px){body .axis-example-backdrop .axis-example-modal:has(.axis-example-preview-head){width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;padding:max(4px,env(safe-area-inset-top)) 0 max(6px,env(safe-area-inset-bottom))!important;grid-template-columns:42px minmax(0,1fr) 42px!important;grid-template-rows:42px auto minmax(0,1fr) auto auto!important;column-gap:0!important;row-gap:6px!important}body .axis-example-backdrop .axis-example-modal:has(.axis-example-preview-head) .axis-example-preview-head{display:contents!important}body .axis-example-backdrop .axis-example-modal:has(.axis-example-preview-head) .axis-example-preview-head>div{display:none!important}body .axis-example-backdrop .axis-example-modal:has(.axis-example-preview-head) .axis-example-preview-back,body .axis-example-backdrop .axis-example-modal:has(.axis-example-preview-head)>.axis-example-close{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:0!important;border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;color:#4c6876!important}body .axis-example-backdrop .axis-example-modal:has(.axis-example-preview-head) .axis-example-preview-back{grid-column:1!important;grid-row:1!important;align-self:center!important;justify-self:center!important;margin:0!important;font-size:0!important}body .axis-example-backdrop .axis-example-modal:has(.axis-example-preview-head) .axis-example-preview-back:after{content:"←"!important;font-size:19px!important;font-weight:600!important;line-height:1!important}body .axis-example-backdrop .axis-example-modal:has(.axis-example-preview-head)>.axis-example-close{top:max(4px,env(safe-area-inset-top))!important;right:1px!important;font-size:0!important}body .axis-example-backdrop .axis-example-modal:has(.axis-example-preview-head)>.axis-example-close:after{content:"×"!important;font-size:21px!important;font-weight:400!important;line-height:1!important}body .axis-example-backdrop .axis-example-modal:has(.axis-example-preview-head) .axis-example-viewport-host{grid-column:2!important;grid-row:1!important;align-self:center!important;justify-self:stretch!important;width:100%!important;max-width:none!important;margin:0!important}body .axis-example-backdrop .axis-example-modal:has(.axis-example-preview-head) .axis-example-viewport-buttons{width:100%!important;max-width:none!important;min-height:40px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-gap:2px!important;gap:2px!important;padding:0!important;border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important}body .axis-example-backdrop .axis-example-modal:has(.axis-example-preview-head) .axis-example-viewport-buttons button{min-width:0!important;min-height:40px!important;height:40px!important;padding:0 4px!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;color:#667e89!important;font-size:9px!important;font-weight:800!important}body .axis-example-backdrop .axis-example-modal:has(.axis-example-preview-head) .axis-example-viewport-buttons button.active{border-color:rgba(11,49,87,.1)!important;background:#fff!important;color:#173d51!important;box-shadow:0 1px 3px rgba(7,28,53,.06)!important}body .axis-example-backdrop .axis-example-modal:has(.axis-example-preview-head) .axis-example-page-tabs button:focus-visible,body .axis-example-backdrop .axis-example-modal:has(.axis-example-preview-head) .axis-example-preview-back:focus-visible,body .axis-example-backdrop .axis-example-modal:has(.axis-example-preview-head) .axis-example-viewport-buttons button:focus-visible,body .axis-example-backdrop .axis-example-modal:has(.axis-example-preview-head)>.axis-example-close:focus-visible{outline:2px solid #10a9c4!important;outline-offset:1px!important}body .axis-example-backdrop .axis-example-modal:has(.axis-example-preview-head) .axis-example-page-tabs{grid-column:1/-1!important;grid-row:2!important;width:calc(100% - 16px)!important;max-width:calc(100% - 16px)!important;margin:0 8px!important;padding:2px!important;gap:3px!important;overflow-x:auto!important;border:1px solid rgba(7,28,53,.06)!important;border-radius:9px!important;background:rgba(7,28,53,.035)!important;scrollbar-width:none!important}body .axis-example-backdrop .axis-example-modal:has(.axis-example-preview-head) .axis-example-page-tabs::-webkit-scrollbar{display:none!important}body .axis-example-backdrop .axis-example-modal:has(.axis-example-preview-head) .axis-example-page-tabs button{min-height:38px!important;height:38px!important;padding:0 11px!important;flex:0 0 auto!important;border:0!important;border-radius:7px!important;background:transparent!important;box-shadow:none!important;font-size:10px!important}body .axis-example-backdrop .axis-example-modal:has(.axis-example-preview-head) .axis-example-page-tabs button.active{background:rgba(255,255,255,.94)!important;box-shadow:0 1px 3px rgba(7,28,53,.06)!important}body .axis-example-backdrop .axis-example-modal:has(.axis-example-preview-head) .axis-example-browser{grid-column:1/-1!important;grid-row:3!important;width:100%!important;max-width:100%!important;height:100%!important;min-height:0!important;margin:0!important;border-radius:0!important}body .axis-example-backdrop .axis-example-modal:has(.axis-example-preview-head) .axis-example-browser-bar{min-height:27px!important;padding:0 9px!important}body .axis-example-backdrop .axis-example-modal:has(.axis-example-preview-head) .axis-example-preview-note{grid-column:1/-1!important;grid-row:4!important;width:calc(100% - 16px)!important;margin:0 8px!important;font-size:8.5px!important;line-height:1.35!important;text-align:left!important}body .axis-example-backdrop .axis-example-modal:has(.axis-example-preview-head) .axis-example-start{grid-column:1/-1!important;grid-row:5!important;width:calc(100% - 16px)!important;min-height:42px!important;height:42px!important;margin:0 8px!important;padding:0 14px!important;border-radius:10px!important;font-size:12px!important}body .axis-example-backdrop .axis-example-modal:not(:has(.axis-example-preview-head)){gap:8px!important}body .axis-example-backdrop .axis-example-modal:not(:has(.axis-example-preview-head))>.axis-example-close{top:max(6px,env(safe-area-inset-top))!important;right:6px!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:0!important;border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;color:#18364f!important;font-size:24px!important}body .axis-example-backdrop .axis-example-modal:not(:has(.axis-example-preview-head)) .axis-example-modal-head{padding:2px 46px 1px 2px!important}body .axis-example-backdrop .axis-example-modal:not(:has(.axis-example-preview-head)) .axis-example-modal-head h2{font-size:20px!important}body .axis-example-backdrop .axis-example-modal:not(:has(.axis-example-preview-head)) .axis-example-modal-head>div>span{margin-top:5px!important;line-height:1.35!important}body .axis-example-backdrop .axis-example-modal:not(:has(.axis-example-preview-head)) .axis-example-modal-head>div>span:after{font-size:10px!important}body .axis-example-backdrop .axis-example-modal:not(:has(.axis-example-preview-head)) .axis-example-grid{min-height:0!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:none!important;grid-auto-rows:max-content!important;align-content:start!important;grid-gap:10px!important;gap:10px!important;padding:0 1px 8px!important;overflow-y:auto!important;overscroll-behavior-y:contain!important;touch-action:pan-y!important}body .axis-example-backdrop .axis-example-modal:not(:has(.axis-example-preview-head)) .axis-example-card{min-height:0!important;height:auto!important;align-self:start!important;grid-template-rows:142px 50px!important;border-radius:14px!important}body .axis-example-backdrop .axis-example-modal:not(:has(.axis-example-preview-head)) .axis-example-card-preview{height:142px!important;min-height:142px!important;padding:6px!important}body .axis-example-backdrop .axis-example-modal:not(:has(.axis-example-preview-head)) .axis-example-card-copy{min-height:50px!important;height:50px!important;padding:8px 11px!important;gap:6px!important}body .axis-example-backdrop .axis-example-modal:not(:has(.axis-example-preview-head)) .axis-example-card-copy small{font-size:7.5px!important}body .axis-example-backdrop .axis-example-modal:not(:has(.axis-example-preview-head)) .axis-example-card-copy b{font-size:13px!important;line-height:1.15!important}body .axis-example-backdrop .axis-example-modal:not(:has(.axis-example-preview-head)) .axis-example-card-copy i{font-size:9px!important}body .axis-example-backdrop .axis-example-modal:not(:has(.axis-example-preview-head)) .axis-example-gallery-footer{min-height:40px!important;padding-top:0!important}body .axis-example-backdrop .axis-example-modal:not(:has(.axis-example-preview-head)) .axis-example-gallery-footer>button{min-width:40px!important;min-height:40px!important;padding:0 6px!important;border-radius:10px!important;font-size:9px!important}body .axis-example-backdrop .axis-example-modal:not(:has(.axis-example-preview-head)) .axis-example-gallery-footer>div{min-height:40px!important}body .axis-example-backdrop .axis-example-modal:not(:has(.axis-example-preview-head)) .axis-example-gallery-footer>div button{min-width:10px!important;width:10px!important;height:10px!important}body .axis-example-backdrop .axis-example-modal:not(:has(.axis-example-preview-head)) .axis-example-gallery-footer>div button.active{width:24px!important}}