.absolute{position:absolute}.mx-auto{margin-left:auto;margin-right:auto}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.table{display:table}.hidden{display:none}.max-w-3xl{max-width:48rem}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.list-disc{list-style-type:disc}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.pl-6{padding-left:1.5rem}.font-serif{font-family:var(--font-serif),Georgia,serif}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.leading-relaxed{line-height:1.625}.text-stone-600{--tw-text-opacity:1;color:rgb(87 83 78/var(--tw-text-opacity,1))}.text-stone-900{--tw-text-opacity:1;color:rgb(28 25 23/var(--tw-text-opacity,1))}@media (min-width:640px){.sm\:block{display:block}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:inline-flex{display:inline-flex}.sm\:flex-row{flex-direction:row}}@media (min-width:768px){.md\:block{display:block}.md\:inline{display:inline}.md\:flex{display:flex}.md\:inline-flex{display:inline-flex}.md\:hidden{display:none}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}@media (min-width:1024px){.lg\:block{display:block}.lg\:inline{display:inline}.lg\:flex{display:flex}.lg\:w-72{width:18rem}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:px-8{padding-left:2rem;padding-right:2rem}}@media (min-width:1280px){.xl\:w-80{width:20rem}}
/*!ttt-custom-css*//*!ttt-chrome-guard*/
@scope (:root) to (.ttt-chrome) {

.mg { font-family: Inter, sans-serif; color: rgba(59, 71, 84, 1); font-size: 17px; line-height: 1.65 }
.mg-box { max-width: 1280px; margin-left: auto; margin-right: auto; background-color: rgba(255, 255, 255, 1) }
.mg-wrap { padding-left: 48px; padding-right: 48px }
.mg-sec { padding-top: 72px; padding-bottom: 72px }
.mg-panel { background-color: rgba(244, 248, 251, 1); border-radius: 24px; padding: 56px }
.mg h1 { font-family: "Space Grotesk", sans-serif; font-weight: 700; color: rgba(20, 33, 43, 1); font-size: 44px; line-height: 52px; letter-spacing: -0.01em; margin: 0 0 20px; overflow-wrap: break-word }
.mg h2 { font-family: "Space Grotesk", sans-serif; font-weight: 700; color: rgba(20, 33, 43, 1); font-size: 32px; line-height: 40px; margin: 32px 0 14px; overflow-wrap: break-word }
.mg h3 { font-family: "Space Grotesk", sans-serif; font-weight: 700; color: rgba(20, 33, 43, 1); font-size: 22px; line-height: 30px; margin: 28px 0 12px; overflow-wrap: break-word }
.mg p { margin: 0 0 16px; overflow-wrap: break-word }
.mg strong { font-weight: 600; color: rgba(20, 33, 43, 1) }
.mg a { overflow-wrap: break-word }
.mg-center { text-align: center }
.mg-ico { display: inline-block; flex-shrink: 0; vertical-align: middle }
.mg-sec a { color: rgba(0, 114, 174, 1); text-decoration-line: underline; text-decoration-color: rgba(0, 159, 227, 1); text-decoration-thickness: 2px; text-underline-offset: 3px }
.mg-sec a strong { color: rgba(0, 114, 174, 1) }
.mg-sec a:hover { color: rgba(0, 90, 138, 1) }
.mg-btn { display: inline-flex; align-items: center; justify-content: center; column-gap: 8px; padding: 13px 26px; border-radius: 999px; background-color: rgba(0, 114, 174, 1); color: rgba(255, 255, 255, 1); font-family: Inter, sans-serif; font-weight: 600; font-size: 15px; line-height: 20px; letter-spacing: 0.02em; text-decoration-line: none; box-shadow: 0 10px 30px rgba(20, 33, 43, 0.08); transition-property: background-color, color; transition-duration: 0.15s; transition-timing-function: ease }
a.mg-btn { color: rgba(255, 255, 255, 1); text-decoration-line: none }
a.mg-btn:hover { background-color: rgba(0, 90, 138, 1); color: rgba(255, 255, 255, 1) }
.mg-hdr { position: sticky; top: 0; z-index: 40 }
.mg-hbox { border-bottom: 1px solid rgba(227, 234, 240, 1) }
.mg-top { background-color: rgba(244, 248, 251, 1); border-bottom: 1px solid rgba(227, 234, 240, 1) }
.mg-top-row { display: flex; align-items: center; column-gap: 28px; height: 36px; font-size: 14px; line-height: 20px }
.mg-top-link { display: inline-flex; align-items: center; column-gap: 8px; color: rgba(59, 71, 84, 1); text-decoration-line: none; white-space: nowrap }
.mg-top-link:hover { color: rgba(0, 114, 174, 1) }
.mg-top-ico { width: 16px; height: 16px }
.mg-top-menu { display: flex; align-items: center; column-gap: 24px; margin-left: auto }
.mg-top-mlink { color: rgba(59, 71, 84, 1); text-decoration-line: none; font-size: 13px; font-weight: 500; letter-spacing: 0.06em; white-space: nowrap }
.mg-top-mlink:hover { color: rgba(0, 114, 174, 1) }
.mg-bar { display: flex; align-items: center; min-height: 89px }
.mg-brand { display: flex; align-items: center; flex-shrink: 0; text-decoration-line: none }
.mg-logo { display: block; width: 144px; height: 65px }
.mg-nav { margin-left: auto; padding-left: 20px; min-width: 0 }
.mg-nav nav { margin-left: -32px }
.mg-menu { display: flex; align-items: center; column-gap: 22px }
.mg-link { display: inline-block; padding: 10px 0; font-family: Inter, sans-serif; font-weight: 600; font-size: 14px; line-height: 20px; letter-spacing: 0.04em; color: rgba(20, 33, 43, 1); text-decoration-line: none; white-space: nowrap; transition-property: color, box-shadow; transition-duration: 0.15s; transition-timing-function: ease }
.mg-link:hover { color: rgba(0, 114, 174, 1); box-shadow: inset 0 -3px rgba(0, 159, 227, 1) }
.mg-current { box-shadow: inset 0 -3px rgba(0, 159, 227, 1) }
.mg-haccount { flex-shrink: 0; margin-left: 8px }
.mg-toggle { display: none; align-items: center; justify-content: center; width: 48px; height: 48px; margin-left: auto; background-color: rgba(244, 248, 251, 1); border: 1px solid rgba(220, 230, 238, 1); border-radius: 999px; cursor: pointer }
.mg-toggle-ico { width: 26px; height: 26px }
.mg-mpanel { background-color: rgba(255, 255, 255, 1); border-top: 1px solid rgba(227, 234, 240, 1); padding: 8px 20px 20px }
.mg-mpanel nav { row-gap: 0; column-gap: 0; margin-left: -32px }
.mg-mlink { display: block; padding: 13px 0; border-bottom: 1px solid rgba(227, 234, 240, 1); font-family: Inter, sans-serif; font-weight: 600; font-size: 15px; line-height: 20px; letter-spacing: 0.04em; color: rgba(20, 33, 43, 1); text-decoration-line: none }
.mg-mcurrent { color: rgba(0, 114, 174, 1); box-shadow: inset 3px 0 rgba(0, 159, 227, 1); padding-left: 12px }
.mg-mcontact { display: flex; flex-direction: column; row-gap: 10px; padding-top: 16px }
.mg-hero { padding-top: 24px }
.mg-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 48px; align-items: center }
.mg-hero-copy { min-width: 0 }
.mg-hero-brand { font-family: "Space Grotesk", sans-serif; font-weight: 700; color: rgba(20, 33, 43, 1); font-size: 46px; line-height: 54px; letter-spacing: -0.015em; margin: 0 0 20px }
.mg-hero-text { font-size: 19px; line-height: 1.6; margin: 0 0 28px }
.mg-hero-photo { min-width: 0 }
.mg-photo { display: block; height: auto; border-radius: 20px }
.mg-photo-fill { width: 100% }
.mg-photo-own { width: auto; max-width: 100% }
.mg-hero-img { border-radius: 24px; box-shadow: 0 10px 30px rgba(20, 33, 43, 0.08) }
.mg-intro-copy { max-width: 880px; margin-left: auto; margin-right: auto; text-align: center }
.mg-split-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 56px; align-items: center }
.mg-split-copy { min-width: 0 }
.mg-split-copy h2 { margin-top: 0 }
.mg-split-copy h3 { margin-top: 0 }
.mg-split-photo { min-width: 0 }
.mg-list { list-style-type: none; margin: 0 0 20px; padding: 0 }
.mg-list li { display: flex; align-items: flex-start; column-gap: 10px; margin: 0 0 10px }
.mg-list-2 { column-count: 2; column-gap: 32px }
.mg-list-2 li { break-inside: avoid }
.mg-tick { width: 20px; height: 20px; margin-top: 4px }
.mg-services h2 { margin-top: 0; margin-bottom: 32px }
.mg-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 32px; column-gap: 32px}
.mg-card { min-width: 0; background-color: rgba(255, 255, 255, 1); border: 1px solid rgba(220, 230, 238, 1); border-radius: 20px; overflow: hidden; box-shadow: 0 10px 30px rgba(20, 33, 43, 0.08) }
.mg-card-photo { aspect-ratio: 4/3; overflow: hidden }
.mg-card-photo img { display: block; width: 100%; height: 100%; object-fit: cover }
.mg-card-body { padding: 24px 28px 28px }
.mg-card-body h3 { margin: 0 0 12px; letter-spacing: 0.02em }
.mg-more { display: inline-flex; align-items: center; column-gap: 8px; font-weight: 600; font-size: 16px }
.mg-sec a.mg-more { color: rgba(0, 114, 174, 1); text-decoration-line: none }
.mg-sec a.mg-more:hover { color: rgba(0, 90, 138, 1) }
.mg-more-ico { width: 20px; height: 20px }
.mg-cta { padding-top: 24px }
.mg-cta-panel { background-color: rgba(0, 114, 174, 1); border-radius: 20px; padding: 48px 56px; box-shadow: 0 10px 30px rgba(20, 33, 43, 0.08) }
.mg-sec.mg-cta h3.mg-cta-text { color: rgba(255, 255, 255, 1); font-size: 26px; line-height: 36px; margin: 0; text-align: center }
.mg-sec.mg-cta a.mg-cta-link { color: rgba(255, 255, 255, 1); text-decoration-color: rgba(255, 255, 255, 1); white-space: nowrap }
.mg-head { padding-top: 24px; padding-bottom: 8px }
.mg-head-panel { background-image: linear-gradient(135deg, rgba(244, 248, 251, 1) 0, rgba(227, 238, 246, 1) 100%); border-radius: 24px; min-height: 260px; display: flex; flex-direction: column; justify-content: center; padding: 40px 48px }
.mg-crumbs { display: flex; flex-wrap: wrap; align-items: center; column-gap: 8px; list-style-type: none; margin: 0 0 14px; padding: 0; font-size: 14px; line-height: 20px; font-weight: 500; color: rgba(59, 71, 84, 1) }
.mg-crumbs li { display: inline-flex; align-items: center; column-gap: 8px }
.mg-sec a.mg-crumb-link { color: rgba(0, 90, 138, 1); text-decoration-line: none }
.mg-sec a.mg-crumb-link:hover { text-decoration-line: underline }
.mg-crumb-ico { width: 16px; height: 16px }
.mg-head-title { font-family: "Space Grotesk", sans-serif; font-weight: 700; color: rgba(20, 33, 43, 1); font-size: 44px; line-height: 52px; letter-spacing: -0.01em; margin: 0 0 18px }
.mg-rule { width: 56px; height: 4px; border-radius: 999px; background-color: rgba(0, 159, 227, 1) }
.mg-product-h1 { max-width: 960px }
.mg-product-grid { display: grid; column-gap: 56px; align-items: start; margin-top: 12px }
.mg-product-left .mg-product-grid { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr) }
.mg-product-right .mg-product-grid { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr) }
.mg-product-copy { min-width: 0 }
.mg-product-copy h2 { margin-top: 36px }
.mg-product-photo { min-width: 0; position: sticky; top: 144px }
.mg-article-grid { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); column-gap: 56px; align-items: start }
.mg-reading { max-width: 760px; min-width: 0 }
.mg-reading-center { margin-left: auto; margin-right: auto }
.mg-cc { position: sticky; top: 144px; background-color: rgba(244, 248, 251, 1); border: 1px solid rgba(220, 230, 238, 1); border-radius: 20px; padding: 28px }
.mg-cc-row { font-size: 16px; line-height: 1.6 }
.mg-cc .mg-btn { margin-top: 4px }
.mg-chips { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 12px; column-gap: 12px; list-style-type: none; margin: 0; padding: 0 }
.mg-chip { display: flex; align-items: center; column-gap: 8px; min-height: 48px; padding: 10px 16px; border: 1px solid rgba(220, 230, 238, 1); border-radius: 999px; background-color: rgba(244, 248, 251, 1); color: rgba(20, 33, 43, 1); font-weight: 500; font-size: 16px; line-height: 22px }
.mg-sec a.mg-chip-link { color: rgba(0, 114, 174, 1); font-weight: 600; text-decoration-line: none; background-color: rgba(255, 255, 255, 1) }
.mg-sec a.mg-chip-link:hover { border-color: rgba(0, 114, 174, 1); color: rgba(0, 90, 138, 1) }
.mg-chip-ico { width: 18px; height: 18px }
.mg-sitemap { column-count: 3; column-gap: 32px; list-style-type: none; margin: 8px 0 0; padding: 0 }
.mg-sm-item { break-inside: avoid; margin: 0 0 12px; font-weight: 600 }
.mg-sm-kids { list-style-type: none; margin: 8px 0 4px; padding: 0 0 0 14px; border-left: 2px solid rgba(220, 230, 238, 1); font-weight: 500 }
.mg-sm-kids li { margin: 0 0 8px }
.mg-sec a.mg-sm-link { text-decoration-line: none }
.mg-sec a.mg-sm-link:hover { text-decoration-line: underline }
.mg-posts { display: flex; flex-direction: column; row-gap: 24px; margin-top: 8px }
.mg-post { display: grid; grid-template-columns: minmax(0, 300px) minmax(0, 1fr); column-gap: 28px; align-items: center; background-color: rgba(255, 255, 255, 1); border: 1px solid rgba(220, 230, 238, 1); border-radius: 20px; padding: 16px; box-shadow: 0 10px 30px rgba(20, 33, 43, 0.08) }
.mg-post-photo { display: block }
.mg-post-body { min-width: 0 }
.mg-sec h2.mg-post-title { font-size: 22px; line-height: 30px; margin: 0 0 12px }
.mg-sec h2.mg-post-title a { text-decoration-line: none; color: rgba(20, 33, 43, 1) }
.mg-sec h2.mg-post-title a strong { color: rgba(20, 33, 43, 1); font-weight: 700 }
.mg-band-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 56px; align-items: center }
.mg-band-copy { min-width: 0 }
.mg-band-copy h2 { margin-top: 0 }
.mg-band-photo { min-width: 0 }
.mg-text h1 { margin-top: 0 }
.mg-text h2 { margin-top: 0 }
.mg-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 24px; column-gap: 24px; margin-top: 32px }
.mg-fact { display: flex; align-items: flex-start; column-gap: 16px; padding: 24px; background-color: rgba(244, 248, 251, 1); border: 1px solid rgba(220, 230, 238, 1); border-radius: 20px; min-width: 0 }
.mg-fact p { margin: 0 }
.mg-fact-ico { width: 28px; height: 28px }
.mg-form-band { padding-top: 0 }
.mg-form-wrap { max-width: 760px; margin-left: auto; margin-right: auto }
.mg-form-wrap h2 { display: none }
.mg-form-wrap form { row-gap: 18px }
.mg-form-wrap label { font-family: Inter, sans-serif; font-size: 14px; font-weight: 600; color: rgba(20, 33, 43, 1) }
.mg-form-wrap input { border-color: rgba(220, 230, 238, 1); font-size: 16px; color: rgba(20, 33, 43, 1) }
.mg-form-wrap textarea { border-color: rgba(220, 230, 238, 1); font-size: 16px; color: rgba(20, 33, 43, 1) }
.mg-form-wrap button { background-color: rgba(0, 114, 174, 1); color: rgba(255, 255, 255, 1); font-family: Inter, sans-serif; font-weight: 600; font-size: 15px; letter-spacing: 0.04em; padding-top: 14px; padding-bottom: 14px }
.mg-form-wrap button:hover { background-color: rgba(0, 90, 138, 1) }
.mg-ftr { padding-bottom: 32px }
.mg-fbox { background-color: rgba(20, 33, 43, 1); color: rgba(215, 225, 234, 1); border-bottom-left-radius: 24px; border-bottom-right-radius: 24px; padding-top: 64px; padding-bottom: 28px; font-size: 16px; line-height: 1.6 }
.mg-ftr p { margin: 0 0 14px }
.mg-ftr strong { color: rgba(255, 255, 255, 1); font-weight: 600 }
.mg-ftr a { color: rgba(255, 255, 255, 1); text-decoration-line: none }
.mg-ftr a:hover { color: rgba(51, 181, 234, 1) }
.mg-fgrid { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 3fr) minmax(0, 3fr); row-gap: 36px; column-gap: 48px}
.mg-fcol { min-width: 0 }
.mg-flogo { display: inline-block; background-color: rgba(255, 255, 255, 1); border-radius: 16px; padding: 12px 16px; margin: 0 0 22px }
.mg-frow { display: flex; align-items: flex-start; column-gap: 12px }
.mg-fico { width: 20px; height: 20px; margin-top: 2px }
.mg-ftitle { font-family: "Space Grotesk", sans-serif; font-weight: 700; font-size: 20px; line-height: 28px; color: rgba(255, 255, 255, 1) }
.mg-flinks { list-style-type: none; margin: 0; padding: 0 }
.mg-flinks li { break-inside: avoid; margin: 0 0 10px }
.mg-ftr a.mg-btn-light { background-color: rgba(255, 255, 255, 1); color: rgba(20, 33, 43, 1); margin-top: 6px }
.mg-ftr a.mg-btn-light:hover { background-color: rgba(51, 181, 234, 1); color: rgba(20, 33, 43, 1) }
.mg-fbar { border-top: 1px solid rgba(44, 59, 71, 1); margin-top: 40px; padding-top: 22px; font-size: 14px; line-height: 1.9; color: rgba(215, 225, 234, 1) }
.mg-ftr p.mg-fbar { margin-bottom: 0 }
.mg-sep { color: rgba(51, 181, 234, 1); padding-left: 4px; padding-right: 4px }
.mg-ftr a.mg-seo-link { color: rgba(255, 255, 255, 1); white-space: nowrap }
.mg-ftr a.mg-seo-link:hover { color: rgba(51, 181, 234, 1) }
@media (min-width: 1200px) and (max-width: 1279px) { .mg-menu { column-gap: 16px } .mg-link { font-size: 13px; letter-spacing: 0.02em } }
@media (min-width: 1100px) and (max-width: 1199px) { .mg-menu { column-gap: 12px } .mg-link { font-size: 12px; letter-spacing: 0 } }
@media (min-width: 991px) and (max-width: 1099px) { .mg-menu { column-gap: 10px } .mg-link { font-size: 11.5px; letter-spacing: 0 } }
@media (min-width: 991px) { .mg-mpanel { display: none } }
@media (max-width: 990px) { .mg-top { display: none } .mg-nav { display: none } .mg-toggle { display: inline-flex } .mg-bar { min-height: 81px } }
@media (max-width: 1024px) { .mg-wrap { padding-left: 32px; padding-right: 32px } }
@media (max-width: 1023px) { .mg-hero-grid { grid-template-columns: minmax(0, 1fr); row-gap: 32px } .mg-hero-photo { order: -1 } .mg-split-grid { grid-template-columns: minmax(0, 1fr); row-gap: 32px } .mg-split-rev .mg-split-photo { order: -1 } .mg-split .mg-split-photo { order: -1 } .mg-product-left .mg-product-grid { grid-template-columns: minmax(0, 1fr); row-gap: 28px } .mg-product-right .mg-product-grid { grid-template-columns: minmax(0, 1fr); row-gap: 28px } .mg-product-photo { position: static; order: -1 } .mg-article-grid { grid-template-columns: minmax(0, 1fr); row-gap: 40px } .mg-reading { max-width: none } .mg-cc { position: static } .mg-band-grid { grid-template-columns: minmax(0, 1fr); row-gap: 28px } .mg-band-photo { order: -1 } .mg-facts { grid-template-columns: minmax(0, 1fr) } .mg-fgrid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) } .mg-chips { grid-template-columns: repeat(2, minmax(0, 1fr)) } .mg-sitemap { column-count: 2 } }
@media (max-width: 640px) { .mg { font-size: 16px } .mg-wrap { padding-left: 20px; padding-right: 20px } .mg-sec { padding-top: 48px; padding-bottom: 48px } .mg h1 { font-size: 32px; line-height: 40px } .mg h2 { font-size: 26px; line-height: 34px } .mg h3 { font-size: 20px; line-height: 28px } .mg-hero-brand { font-size: 36px; line-height: 42px } .mg-hero-text { font-size: 17px } .mg-intro-copy { text-align: left } .mg-head { padding-top: 16px; padding-bottom: 0 } .mg-head-panel { min-height: 180px; padding: 28px 24px } .mg-panel { padding: 32px 20px } .mg-hero { padding-top: 16px } .mg-head-title { font-size: 32px; line-height: 40px } .mg-cards { grid-template-columns: minmax(0, 1fr); row-gap: 24px } .mg-list-2 { column-count: 1 } .mg-cta { padding-top: 8px } .mg-form-band { padding-top: 0 } .mg-cta-panel { padding: 32px 24px } .mg-sec.mg-cta h3.mg-cta-text { font-size: 21px; line-height: 30px } .mg-post { grid-template-columns: minmax(0, 1fr); row-gap: 16px } .mg-chips { grid-template-columns: minmax(0, 1fr) } .mg-sitemap { column-count: 1 } .mg-fgrid { grid-template-columns: minmax(0, 1fr) } .mg-fbox { padding-top: 48px } .mg-flinks { column-count: 2; column-gap: 24px } .mg-flinks li { break-inside: avoid } }
@media (prefers-reduced-motion: reduce) { .mg-btn { transition-duration: 0s } .mg-link { transition-duration: 0s } }
}

/*!ttt-responsive-hidden-guard*/
@scope (:root) to (.ttt-chrome) {
@media (min-width: 640px) { [class~="sm:hidden"] { display: none } }
@media (min-width: 768px) { [class~="md:hidden"] { display: none } }
@media (min-width: 1024px) { [class~="lg:hidden"] { display: none } }
@media (min-width: 1280px) { [class~="xl:hidden"] { display: none } }
@media (min-width: 1536px) { [class~="2xl:hidden"] { display: none } }
}