.responsive-layout{box-sizing:border-box;transition:all .3s}.responsive-layout-fluid{width:100%}.responsive-layout-container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto}.responsive-layout-xs{padding-left:12px;padding-right:12px}.responsive-layout-sm{padding-left:16px;padding-right:16px}.responsive-layout-md{padding-left:24px;padding-right:24px}.responsive-layout-lg{padding-left:32px;padding-right:32px}.responsive-layout-xl{padding-left:48px;padding-right:48px}.mobile-optimized{-webkit-overflow-scrolling:touch;touch-action:manipulation}.mobile-optimized *{-webkit-tap-highlight-color:transparent}.responsive-grid{gap:16px;transition:grid-template-columns .3s;display:grid}.responsive-space{flex-wrap:wrap;transition:gap .3s;display:flex}.responsive-space.horizontal{flex-direction:row}.responsive-space.vertical{flex-direction:column}.responsive-row{transition:margin .3s}.responsive-col{transition:all .3s}[data-theme=dark] .responsive-layout{background-color:#ffffff05}[data-theme=dark] .responsive-grid{gap:12px}@media (width<=576px){.responsive-layout{padding-left:8px!important;padding-right:8px!important}.responsive-grid{gap:12px;grid-template-columns:1fr!important}.responsive-space.horizontal{flex-direction:column;gap:12px!important}}@media (width>=577px) and (width<=768px){.responsive-grid{gap:14px;grid-template-columns:repeat(2,1fr)!important}}@media (width>=769px) and (width<=992px){.responsive-grid{gap:16px;grid-template-columns:repeat(3,1fr)!important}}@media (width>=993px) and (width<=1200px){.responsive-grid{gap:18px;grid-template-columns:repeat(4,1fr)!important}}@media (width>=1201px){.responsive-grid{gap:20px;grid-template-columns:repeat(4,1fr)!important}}@media print{.responsive-layout{margin:0!important;padding:0!important}.responsive-grid,.responsive-space{display:block!important}}@media (prefers-reduced-motion:reduce){.responsive-layout,.responsive-grid,.responsive-space,.responsive-row,.responsive-col{transition:none!important}}@media (prefers-contrast:high){.responsive-layout{border:2px solid}.responsive-grid{gap:24px}}@supports (padding:max(0px)){.mobile-optimized{padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right));padding-top:max(12px, env(safe-area-inset-top));padding-bottom:max(12px, env(safe-area-inset-bottom))}}@media (hover:none) and (pointer:coarse){.responsive-layout{font-size:16px}.responsive-space{gap:20px!important}.responsive-grid{gap:20px}}@media (hover:hover){.responsive-grid>:hover{transition:transform .2s;transform:translateY(-2px)}}