:root{--m-ink:#283d46;--m-primary:#49667a;--m-deep:#354e5f;--m-muted:#5e706e;--m-paper:#faf8f3;--m-line:#dedfd6;--m-wash:#eeeee5;--m-peach:#e7c4b5;--m-font:"Bricolage Grotesque",Arial,sans-serif;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}.marketing{background:var(--m-paper);color:var(--m-ink);margin:0;font:15px/1.7 Arial,sans-serif}.marketing :is(h1,h2,h3,p,figure,blockquote){margin:0}.marketing :is(button,input,textarea){font:inherit}.marketing button{cursor:pointer}.marketing a{color:inherit;text-decoration:none}.marketing img{max-width:100%;height:auto;display:block}.marketing [hidden]{display:none!important}.marketing :is(a,button,input,textarea,summary):focus-visible{outline-offset:4px;outline:3px solid #9c624a}.m-sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.m-skip{z-index:100;background:#fff;padding:12px;position:absolute;top:-100px;left:20px}.m-skip:focus{top:10px}.m-wrap{max-width:1280px;margin:auto;padding:0 48px}.m-header{z-index:20;border-bottom:1px solid var(--m-line);backdrop-filter:blur(12px);background:#faf8f3f7;position:sticky;top:0}.m-nav{justify-content:space-between;align-items:center;gap:30px;min-height:86px;display:flex}.m-brand{font:700 30px/1 var(--m-font);letter-spacing:-1.2px;white-space:nowrap;align-items:center;gap:9px;display:flex}.brand-dot{color:#a4735e;margin-left:-9px}.m-brand img{width:35px;height:33px}.m-nav nav,.m-nav-actions{align-items:center;gap:28px;font-size:13px;display:flex}.m-nav nav a:hover,.m-footer a:hover{color:var(--m-primary);text-underline-offset:5px;text-decoration:underline}.m-button{border:1px solid var(--m-primary);background:var(--m-primary);border-radius:7px;justify-content:center;align-items:center;gap:18px;min-height:50px;padding:13px 24px;font-size:13px;font-weight:600;line-height:1.5;transition:background .2s,transform .2s;display:inline-flex;color:#fff!important}.m-button:hover{background:var(--m-deep);transform:translateY(-1px)}.m-secondary{background:0 0;border-color:#a5b4b9;color:var(--m-ink)!important}.m-secondary:hover{background:#e7eceb}.m-small{min-height:43px;padding:10px 18px;font-size:12px}.m-text-button{color:var(--m-ink);text-underline-offset:5px;background:0 0;border:0;min-height:44px;padding:10px 2px;font-size:13px;text-decoration:underline}.m-text-link{text-underline-offset:5px;font-size:13px;text-decoration:underline!important}.m-menu-toggle{border:1px solid var(--m-line);background:0 0;border-radius:6px;width:44px;height:44px;padding:12px;display:none}.m-menu-toggle span{background:var(--m-ink);height:1px;margin:5px 0;display:block}.m-eyebrow{letter-spacing:2px;color:var(--m-muted);font-size:10px;font-weight:600;line-height:1.5;margin-bottom:18px!important}.m-hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:40px;padding-top:76px;padding-bottom:76px;display:grid;overflow:hidden}.m-hero h1{font:700 clamp(42px,4.5vw,64px)/1.08 var(--m-font);letter-spacing:-2.6px}.marketing em{color:var(--m-primary);letter-spacing:-2px;font:italic 400 1.07em/1.08 Georgia,serif}.m-hero-copy>p:not(.m-eyebrow){color:var(--m-muted);margin-top:28px;font-size:15px;line-height:1.9}.m-tiny-flower{color:#9c624a;vertical-align:middle;margin-right:8px;font-size:19px;display:inline-block}.m-actions{flex-wrap:wrap;align-items:center;gap:22px;margin-top:28px;display:flex}.m-hero-note{color:var(--m-muted);margin-top:18px;font-size:12px;display:block}.m-hero-art{isolation:isolate;justify-content:center;align-items:center;min-width:0;height:525px;display:flex;position:relative}.m-hero-orbit{z-index:-1;background:radial-gradient(#f0e5d8 0,#0000 67%);border:1px solid #dfcbbb;border-radius:50%;position:absolute;inset:10px 0 0;transform:rotate(-20deg)}.m-hero-preview{background:#fff;border:1px solid #dddcd3;border-radius:6px;padding:10px 10px 0;transition:transform .3s;position:absolute;overflow:hidden;box-shadow:0 18px 40px #33443420}.m-hero-preview img{object-fit:cover;object-position:top;width:100%;height:385px}.m-hero-preview span{letter-spacing:1.6px;text-align:center;color:#596363;padding:13px 0;font-size:9px;display:block}.m-preview-one{width:57%;top:30px;left:0;transform:rotate(-7deg)}.m-preview-two{width:47%;top:104px;right:0;transform:rotate(7deg)}.m-preview-two img{height:310px}.m-preview-one:hover{transform:rotate(-3deg)translateY(-8px)}.m-preview-two:hover{transform:rotate(3deg)translateY(-8px)}.m-art-note{color:#7e7667;font:italic 17px/1.4 Georgia,serif;position:absolute;bottom:-3px;left:9px}.m-benefit-strip{border-block:1px solid var(--m-line);color:#9a715b;grid-template-columns:repeat(4,1fr);gap:30px;padding:25px 0;font-size:11px;display:grid}.m-benefit-strip span{align-items:center;gap:12px;display:flex}.m-benefit-strip b{color:var(--m-muted);font-size:12px;font-weight:400}.m-section{padding-top:84px;padding-bottom:84px}.marketing h2{font:700 clamp(28px,3vw,40px)/1.2 var(--m-font);letter-spacing:-1.1px}.marketing h3{font:700 20px/1.35 var(--m-font);letter-spacing:-.3px}.m-section-heading{justify-content:space-between;align-items:end;gap:32px;margin-bottom:38px;display:flex}.m-section-heading p:not(.m-eyebrow){color:var(--m-muted);margin-top:16px;font-size:14px}.m-section-heading>a{flex-shrink:0;margin-bottom:3px}.m-template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 28px;display:grid}.m-template-card{min-width:0}.m-card-image{background:#e9e6dd;border:1px solid #e0ddd2;border-radius:9px;height:355px;padding:24px 40px 0;display:block;position:relative;overflow:hidden}.m-card-image img{object-fit:cover;object-position:top;border-radius:5px 5px 0 0;width:100%;height:100%;transition:transform .4s;box-shadow:0 8px 30px #3a4a3624}.m-card-image:hover img{transform:translateY(-8px)}.m-card-image:after{content:"Xem mẫu ↗";background:#fffffff5;border:1px solid #e1e4dd;border-radius:4px;padding:7px 12px;font-size:11px;position:absolute;bottom:18px;right:18px;box-shadow:0 3px 12px #0001}.m-card-fallback{height:100%;font:700 30px var(--m-font);color:var(--m-primary);place-items:center;display:grid}.m-card-meta{justify-content:space-between;align-items:center;gap:10px;padding-top:17px;display:flex}.m-card-meta h3{font-size:20px}.m-card-meta small{color:var(--m-muted);font-size:11px}.m-card-swatches{gap:5px;display:flex}.m-card-swatches i{border:1px solid #0001;border-radius:50%;width:14px;height:14px;display:block}.m-center{text-align:center;margin-top:38px}.m-catalog-status{color:var(--m-muted);padding:20px 0;font-size:14px}.m-wash{background:var(--m-wash)}.m-product{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.m-features{gap:26px;margin-top:32px;display:grid}.m-features article{gap:20px;display:flex}.m-features article>span{color:#9a715b;padding-top:3px;font-size:11px}.m-features h3{font-size:17px}.m-features p{color:var(--m-muted);margin-top:7px;font-size:14px}.m-dashboard{background:#fff;border:1px solid #d6ded4;border-radius:10px;overflow:hidden;transform:rotate(2deg);box-shadow:0 16px 36px #3443330e}.m-dashboard-bar{color:#667765;letter-spacing:1px;border-bottom:1px solid #e8ece4;gap:18px;padding:14px 20px;font-size:8px;display:flex}.m-dashboard-dots{color:#bfccbd;letter-spacing:2px}.m-dashboard-content{padding:26px}.m-dashboard-content h3{font-size:24px}.m-dashboard-stats{gap:14px;margin:24px 0;display:flex}.m-dashboard-stats>div{background:#f3f5f0;border-radius:6px;flex:1;min-width:0;padding:14px}.m-dashboard-stats b{font:700 32px/1.1 var(--m-font);color:#4d6854;display:block}.m-dashboard-stats span{white-space:nowrap;color:#627561;font-size:9px}.m-guest-row{border-bottom:1px solid #edf0e8;justify-content:space-between;align-items:center;padding:11px 0;font-size:11px;display:flex}.m-guest-row>span{align-items:center;gap:9px;display:flex}.m-guest-row i{color:#526849;background:#e7eee3;border-radius:50%;place-items:center;width:27px;height:27px;font-size:9px;font-style:normal;display:grid}.m-status-pill{color:#5c7653;background:#f0f5eb;border-radius:3px;padding:3px 10px}.m-dashboard blockquote{color:#6e7969;padding:25px 0 0;font:italic 21px/1.4 Georgia,serif}.m-dashboard blockquote small{letter-spacing:1.2px;margin-top:12px;font:8px/1.5 Arial,sans-serif;display:block}.m-dashboard figcaption{text-align:center;color:#6a7867;background:#f6f7f4;padding:12px;font-size:10px}.m-steps{grid-template-columns:repeat(3,1fr);gap:48px;margin-top:44px;display:grid}.m-steps article{border-top:1px solid #b3c0b2;padding-top:20px}.m-steps article>span{color:#a68d74;font:italic 36px/1 Georgia,serif}.m-steps h3{margin-top:25px;font-size:20px}.m-steps p{color:var(--m-muted);margin-top:12px;font-size:14px}.m-faq{grid-template-columns:.85fr 1.15fr;gap:80px;padding-top:20px;display:grid}.m-faq>div>p:not(.m-eyebrow){color:var(--m-muted);margin-top:18px;font-size:14px}.m-faq details{border-bottom:1px solid var(--m-line);padding:20px 0}.m-faq summary{cursor:pointer;justify-content:space-between;gap:16px;font-size:15px;list-style:none;display:flex}.m-faq summary::-webkit-details-marker{display:none}.m-faq summary span{color:#859180;font-size:20px;font-weight:400}.m-faq details[open] summary span{transform:rotate(45deg)}.m-faq details p{color:var(--m-muted);padding-top:14px;font-size:14px}.m-contact{background:#e8eee9;border-radius:12px;justify-content:space-between;align-items:center;gap:40px;width:calc(100% - 96px);max-width:1184px;margin-bottom:70px;padding:50px 56px;display:flex;position:relative;overflow:hidden}.m-contact:after{content:"";pointer-events:none;border:1px solid #d0ddd2;border-radius:50%;width:260px;height:260px;position:absolute;top:-110px;right:100px}.m-contact h2{font-size:38px}.m-contact p:not(.m-eyebrow){color:#637467;margin-top:16px;font-size:14px}.m-contact-actions{z-index:1;max-width:290px;position:relative}.m-contact-actions>p{font-size:12px!important}.m-contact-actions .m-button{margin-top:16px}.m-footer{border-top:1px solid var(--m-line);padding:36px 0}.m-footer-inner{justify-content:space-between;align-items:center;gap:30px;display:flex}.m-footer .m-brand{font-size:25px}.m-footer p{color:var(--m-muted);margin-top:12px;font-size:12px}.m-footer nav{gap:24px;font-size:12px;display:flex}.m-footer small{color:var(--m-muted);font-size:11px}.m-library h1{font:700 clamp(34px,4vw,50px)/1.15 var(--m-font);letter-spacing:-1.5px}.m-library-intro{max-width:630px;color:var(--m-muted);font-size:15px;margin-top:22px!important}.m-filters{justify-content:space-between;gap:20px;margin:40px 0 22px;display:flex}.m-filter-group{flex-wrap:wrap;gap:8px;display:flex}.m-filter{color:var(--m-muted);background:0 0;border:1px solid #d1d8cd;border-radius:25px;min-height:44px;padding:10px 19px;font-size:12px}.m-filter[aria-pressed=true]{background:var(--m-primary);border-color:var(--m-primary);color:#fff}.m-search input{width:240px;min-height:44px;color:var(--m-ink);background:#fff;border:1px solid #d1d8cd;border-radius:6px;padding:10px 14px;font-size:13px}.m-result-line{color:var(--m-muted);justify-content:space-between;align-items:center;margin-bottom:22px;font-size:12px;display:flex}.m-dialog{border:1px solid var(--m-line);width:calc(100% - 32px);max-width:560px;max-height:90vh;color:var(--m-ink);background:var(--m-paper);border-radius:10px;padding:0}.m-dialog::backdrop{backdrop-filter:blur(3px);background:#243c4680}.m-dialog-head{border-bottom:1px solid var(--m-line);justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex}.m-dialog-head h2{font-size:24px}.m-close{border:1px solid var(--m-line);background:0 0;border-radius:5px;flex-shrink:0;width:44px;height:44px;font-size:24px}.m-dialog-content{padding:26px}.m-dialog-content p{color:var(--m-muted);margin-bottom:18px;font-size:14px}.m-dialog-content label{margin-bottom:8px;font-size:12px;display:block}.m-dialog-content textarea{resize:vertical;width:100%;min-height:120px;color:var(--m-ink);background:#fff;border:1px solid #b8c5c4;border-radius:5px;padding:14px;font-size:14px}.m-detail{grid-template-columns:1fr 1fr;align-items:start;gap:70px;margin-top:30px;display:grid}.m-detail-photo{background:#eae8df;border-radius:12px;min-height:460px;padding:36px 70px}.m-detail-photo img{object-fit:cover;object-position:top;border-radius:5px;width:100%;max-height:680px;box-shadow:0 12px 26px #31453220}.m-detail-info{padding-top:40px;position:sticky;top:120px}.m-detail-info h1{font:700 48px/1.1 var(--m-font);letter-spacing:-1.5px}.m-detail-info>p:not(.m-eyebrow){color:var(--m-muted);margin-top:24px}.m-color-list{gap:9px;margin:24px 0 12px;display:flex}.m-color-list i{border:1px solid #0002;border-radius:50%;width:30px;height:30px}.m-detail-info small{color:var(--m-muted);max-width:360px;font-size:12px;display:block}.m-detail-info .m-actions{align-items:stretch;gap:12px}.m-detail-includes{border-top:1px solid var(--m-line);color:var(--m-muted);margin:28px 0;padding:22px 0 0;font-size:13px;list-style:none}.m-detail-includes li{margin:8px 0}.m-detail-includes li:before{content:"✓";color:var(--m-primary);margin-right:12px}.m-demo{margin-bottom:60px;padding-top:30px}.m-demo-bar{justify-content:space-between;align-items:center;gap:22px;display:flex}.m-demo-bar .m-eyebrow{font-size:8px;margin-bottom:5px!important}.m-demo-bar h1{font:700 23px/1.2 var(--m-font)}.m-device-controls{border:1px solid #ccd6cf;border-radius:6px;gap:4px;padding:4px;display:flex}.m-device-controls button{min-height:36px;color:var(--m-muted);background:0 0;border:0;border-radius:3px;padding:6px 16px;font-size:12px}.m-device-controls button[aria-pressed=true]{color:var(--m-primary);background:#fff;box-shadow:0 1px 4px #0001}.m-demo-colors{color:var(--m-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:28px;margin-bottom:22px;font-size:12px;display:flex}.m-demo-colors button{min-height:40px;color:var(--m-ink);background:#fff;border:1px solid #d5ded4;border-radius:20px;align-items:center;gap:6px;padding:8px 12px;font-size:11px;display:flex}.m-demo-colors button[aria-pressed=true]{outline:2px solid var(--m-primary);outline-offset:1px}.m-demo-colors i{border-radius:50%;width:12px;height:12px}.m-demo-stage{background:#e6ebe7;flex-direction:column;align-items:center;min-height:600px;padding:26px 20px;display:flex;overflow:hidden}.m-demo-stage>p{color:var(--m-muted);padding:25px}.m-demo-viewport{background:#fff;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 5px 30px #34483422}.m-demo-viewport iframe{transform-origin:0 0;background:#fff;border:0;position:absolute;top:0;left:0}.m-demo-caption{text-align:center;color:var(--m-muted);padding:0 20px;font-size:12px;margin-top:16px!important}@media (width<=1050px){.m-wrap{padding-inline:32px}.m-nav,.m-nav nav,.m-nav-actions{gap:18px}.m-nav-actions .m-small{display:none}.m-hero{gap:28px;padding-top:56px}.m-hero h1{font-size:48px}.m-hero-art{height:470px}.m-hero-preview img{height:330px}.m-preview-two img{height:270px}.m-card-image{height:315px;padding:20px 25px 0}.m-template-grid{gap:28px 20px}.m-product{gap:40px}.m-dashboard-content{padding:20px}.m-faq{gap:40px}.m-contact{width:calc(100% - 64px);padding:40px}.m-detail{gap:35px}.m-detail-photo{padding:30px}.m-detail-info{padding-top:20px}.m-demo-bar{gap:12px}}@media (width<=760px){html{scroll-padding-top:90px}.m-wrap{padding-inline:22px}.m-header{backdrop-filter:none}.m-nav{gap:12px;min-height:72px}.m-brand{font-size:27px}.m-brand img{width:30px;height:30px}.m-nav nav{background:var(--m-paper);border-bottom:1px solid var(--m-line);flex-direction:column;align-items:flex-start;padding:24px;display:none;position:absolute;top:72px;left:0;right:0}.m-nav nav.is-open{display:flex}.m-nav-actions{gap:16px;font-size:12px}.m-menu-toggle{display:block}.m-hero{flex-direction:column;gap:28px;padding-top:38px;padding-bottom:40px;display:flex}.m-hero-copy{width:100%}.m-hero h1{letter-spacing:-1.6px;font-size:clamp(40px,9.8vw,64px)}.m-hero h1 em{letter-spacing:-1.4px}.m-hero-copy>p:not(.m-eyebrow){margin-top:22px;font-size:14px}.m-eyebrow{letter-spacing:1.5px;font-size:9px}.m-hero-art{flex-shrink:0;width:100%;max-width:470px;height:450px}.m-preview-one{top:25px}.m-preview-two{top:85px}.m-preview-one img{height:310px}.m-preview-two img{height:265px}.m-art-note{font-size:15px;bottom:0}.m-hero-orbit{inset:0}.m-hero .m-actions{gap:20px}.m-hero-note{font-size:11px}.m-benefit-strip{grid-template-columns:1fr 1fr;gap:17px;padding:23px 0}.m-benefit-strip b{font-size:11px}.m-benefit-strip span{gap:8px}.m-section{padding-top:52px;padding-bottom:52px}.marketing h2{font-size:30px}.m-section-heading{margin-bottom:26px;display:block}.m-section-heading>a{margin-top:20px;display:inline-block}.m-section-heading p:not(.m-eyebrow){font-size:13px}.m-template-grid{grid-template-columns:1fr 1fr;gap:24px 18px}.m-card-image{height:300px;padding:20px 20px 0}.m-card-meta{padding-top:12px}.m-card-meta h3{font-size:19px}.m-card-swatches{gap:3px}.m-card-swatches i{width:11px;height:11px}.m-product{grid-template-columns:1fr;gap:40px}.m-dashboard{justify-self:center;width:calc(100% - 10px);max-width:480px}.m-features{gap:24px}.m-features h3{font-size:17px}.m-features p{font-size:13px}.m-steps{grid-template-columns:1fr;gap:26px;margin-top:30px}.m-steps article{grid-template-columns:42px 1fr;gap:8px 18px;display:grid}.m-steps article>span{grid-row:1/3;font-size:30px}.m-steps h3{margin:0;font-size:18px}.m-steps p{margin:0;font-size:13px}.m-faq{grid-template-columns:1fr;gap:22px;padding-top:14px}.m-faq summary{font-size:14px}.m-contact{width:calc(100% - 44px);margin-bottom:44px;padding:32px 26px;display:block}.m-contact h2{font-size:31px}.m-contact-actions{max-width:none;margin-top:24px}.m-contact-actions .m-button{width:100%}.m-footer{padding:30px 0}.m-footer-inner{display:block}.m-footer nav{gap:28px;margin:24px 0}.m-library h1{font-size:36px}.m-library-intro{font-size:14px}.m-filters{flex-direction:column;gap:18px;margin-top:30px}.m-filter-group{gap:7px}.m-filter{padding:9px 15px;font-size:11px}.m-search input{width:100%}.m-detail{grid-template-columns:1fr;gap:25px;margin-top:22px}.m-detail-photo{min-height:300px;padding:26px 50px}.m-detail-photo img{max-height:550px}.m-detail-info{padding:0;position:static}.m-detail-info h1{font-size:38px}.m-detail-info .m-actions{flex-direction:column}.m-demo-bar{flex-wrap:wrap;gap:16px}.m-demo-bar>a{font-size:12px}.m-demo-bar>div:nth-child(2){text-align:right;margin-left:auto}.m-device-controls{display:none}.m-demo-bar>.m-button{width:100%}.m-demo-colors{justify-content:flex-start;gap:9px;margin-top:24px}.m-demo-colors>span{width:100%}.m-demo-stage{padding:18px 12px}.m-demo-caption{font-size:11px}.m-dialog-head{padding:16px 20px}.m-dialog-head h2{font-size:22px}.m-dialog-content{padding:22px}.m-dialog-content .m-actions{flex-direction:column;gap:12px}.m-dialog-content .m-button{width:100%}}@media (width<=480px){.m-template-grid{grid-template-columns:1fr;gap:30px}.m-card-image{height:360px;padding:25px 52px 0}.m-hero-art{height:420px}.m-preview-one{width:60%}.m-preview-two{width:49%}.m-preview-one img{height:290px}.m-preview-two img{height:235px}.m-hero-preview{padding:7px 7px 0}.m-hero-preview span{padding:10px 0;font-size:7px}.m-hero .m-actions .m-button{width:100%}.m-hero .m-actions .m-text-button{min-height:36px}.m-card-meta h3{font-size:22px}.m-dashboard-stats{gap:9px}.m-dashboard-stats>div{padding:12px}.m-detail-photo{padding:25px 38px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marketing *{transition:none!important}}.m-preview-page{overflow:hidden}.m-preview-page>main{height:100dvh;min-height:0}.m-preview-page .m-demo{background:var(--m-paper);grid-template-rows:auto auto minmax(0,1fr) auto;height:100%;margin:0;padding:0;display:grid}.m-preview-page .m-demo-bar{border-bottom:1px solid var(--m-line);flex-wrap:nowrap;gap:16px;width:100%;max-width:none;min-height:60px;padding:8px 20px}.m-preview-page .m-demo-heading{min-width:0;margin-right:auto}.m-preview-page .m-demo-bar h1{white-space:nowrap;text-overflow:ellipsis;font-size:19px;overflow:hidden}.m-preview-page .m-demo-bar>a{white-space:nowrap;font-size:12px}.m-preview-page .m-demo-colors{scrollbar-width:thin;flex-wrap:nowrap;justify-content:flex-start;gap:10px;width:100%;max-width:none;margin:0;padding:7px 20px;overflow-x:auto}.m-preview-page .m-demo-colors>*{flex-shrink:0}.m-preview-page .m-demo-colors button{min-height:34px;padding:5px 12px}.m-preview-page .m-demo-stage{justify-content:center;min-width:0;min-height:0;padding:12px;position:relative;overflow:hidden}.m-preview-page .m-demo-stage>p,.m-preview-page .m-demo-stage>[data-demo-retry]{z-index:2;background:var(--m-paper);text-align:center;border-radius:6px;max-width:90%;position:absolute}.m-preview-page .m-demo-stage>[data-demo-retry]{margin-top:120px}.m-preview-page .m-demo-viewport{border-radius:5px;flex:none;max-width:100%}.m-preview-page .m-demo-caption{padding:4px 12px;font-size:11px;line-height:1.6;margin:0!important}.m-demo-expand{min-height:40px;color:var(--m-primary);white-space:nowrap;background:#fff;border:1px solid #ccd6cf;border-radius:5px;padding:8px 14px;font-size:12px!important}.m-preview-page .m-demo:fullscreen,.m-preview-page .m-demo.is-expanded{background:var(--m-paper);width:100%;height:100dvh}.m-preview-page .m-demo.is-expanded{z-index:100;position:fixed;inset:0}.m-preview-page .m-demo:is(:fullscreen,.is-expanded){grid-template-rows:auto minmax(0,1fr)}.m-preview-page .m-demo:is(:fullscreen,.is-expanded) .m-demo-colors,.m-preview-page .m-demo:is(:fullscreen,.is-expanded) .m-demo-caption{display:none}@media (width<=760px){.m-preview-page .m-demo-bar{flex-wrap:wrap;gap:10px;min-height:54px;padding:7px 12px}.m-preview-page .m-demo-heading{flex:1;text-align:left!important;margin-left:0!important}.m-preview-page .m-demo-bar h1{font-size:16px}.m-preview-page .m-demo-bar>a{font-size:11px}.m-preview-page .m-demo-expand{min-height:38px;padding:8px;font-size:11px!important}.m-preview-page .m-demo-colors{gap:8px;padding:6px 12px}.m-preview-page .m-demo-colors>span{display:none}.m-preview-page .m-demo-stage{padding:0}.m-preview-page .m-demo-viewport{box-shadow:none;border-radius:0}.m-preview-page .m-demo-caption{padding:3px 10px;font-size:10px}.m-preview-page .m-demo-bar>.m-button{width:auto;min-height:36px;padding:7px 12px}}@media (height<=500px){.m-preview-page .m-demo-stage{padding:6px}.m-preview-page .m-demo-bar{min-height:48px;padding-block:3px}.m-preview-page .m-demo-colors{padding-block:4px}}