/* Measured portal proportions, with a fixed PC canvas and a separate mobile layout. */
.home-search-submit{display:none}
@layer home554 {
 .site-shell.jcs-home-design{--line:#dfe3e8;--muted:#687382}
 html.desktop-home-fixed .site-shell.jcs-home-design{min-width:1312px!important;overflow:visible!important}
 html.desktop-home-fixed .site-shell.jcs-home-design :is(.page-wrap,.product-header,.site-footer){width:1280px!important;max-width:1280px!important}
 html.desktop-home-fixed .site-shell.jcs-home-design .product-head-main{width:1280px!important}
 .site-shell.jcs-home-design .product-header{min-height:0!important;padding:22px 0 0!important}
 .site-shell.jcs-home-design .product-head-search{width:708px!important;max-width:100%!important;margin:16px auto 0!important}
 .site-shell.jcs-home-design .product-search{height:60px!important;border:1px solid #8061ad!important;border-radius:33px!important;padding:0 17px!important;box-shadow:none!important;gap:12px!important}
 .site-shell.jcs-home-design .product-search:focus-within{box-shadow:0 3px 14px #57447316!important;border-color:#6f4b9e!important}
 .site-shell.jcs-home-design .product-search input{font-size:17px!important;height:56px!important}
 .site-shell.jcs-home-design .product-search input::placeholder{font-size:14px!important;color:#79818c!important}
 .site-shell.jcs-home-design .home-search-submit{display:grid!important;place-items:center!important;border:0!important;background:transparent!important;width:36px!important;height:40px!important;flex:0 0 36px!important;padding:6px!important;color:#70519e!important;cursor:pointer!important}
 .site-shell.jcs-home-design .home-search-submit svg{display:block!important;width:24px!important;height:24px!important}
 .site-shell.jcs-home-design .home-redesign .service-dock{position:relative!important;z-index:20!important;width:708px!important;max-width:100%!important;margin:0 auto 24px!important;padding:14px 14px 0!important;overflow:visible!important}
 .site-shell.jcs-home-design .home-redesign .service-dock-row{display:grid!important;grid-template-columns:repeat(10,minmax(0,1fr))!important;gap:4px!important;align-items:start!important}
 .site-shell.jcs-home-design .home-redesign :is(.service-dock-item,.service-dock-more){width:100%!important;min-height:68px!important;gap:7px!important;border-radius:8px!important;cursor:pointer!important}
 .site-shell.jcs-home-design .home-redesign :is(.service-dock-icon,.service-dock-more>span){width:44px!important;height:44px!important;border-radius:14px!important;border:1px solid #e2e5ea!important;box-shadow:0 2px 4px #202a3610!important;background:#fff!important}
 .site-shell.jcs-home-design .home-redesign :is(.service-dock-icon svg,.service-dock-more svg){width:28px!important;height:28px!important}
 .site-shell.jcs-home-design .home-redesign :is(.service-dock-label,.service-dock-more small){font-size:13px!important;font-weight:550!important;color:#303741!important}
 .site-shell.jcs-home-design .home-redesign .service-dock.is-expanded{border-radius:10px 10px 0 0!important;background:#fff!important;box-shadow:0 0 0 1px #dce0e6,0 4px 16px #202b3d1a!important}
 .site-shell.jcs-home-design .home-redesign .service-dock-expanded{position:absolute!important;top:100%!important;left:0!important;right:0!important;width:100%!important;margin:0!important;padding:16px!important;border:0!important;border-top:1px solid #edf0f3!important;border-radius:0 0 10px 10px!important;background:#fafbfc!important;box-shadow:0 1px 0 1px #dce0e6,0 12px 20px #202b3d18!important;max-height:min(460px,65vh)!important;overflow-y:auto!important;overscroll-behavior:contain!important}
 .site-shell.jcs-home-design .home-redesign .service-dock-row-all{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px 8px!important}
 .site-shell.jcs-home-design .home-redesign .service-dock-row-all .service-dock-item{flex-direction:row!important;min-height:46px!important;padding:6px 8px!important;gap:9px!important;text-align:left!important}
 .site-shell.jcs-home-design .home-redesign .service-dock-row-all .service-dock-icon{width:28px!important;height:28px!important;flex:0 0 28px!important;border:0!important;box-shadow:none!important;background:transparent!important;border-radius:7px!important}
 .site-shell.jcs-home-design .home-redesign .service-dock-row-all .service-dock-icon svg{width:25px!important;height:25px!important}
 .site-shell.jcs-home-design .home-redesign .service-dock-row-all .service-dock-label{font-size:12px!important;line-height:1.4!important;word-break:keep-all!important}
 .site-shell.jcs-home-design .home-redesign .service-dock-expanded[hidden]{display:none!important}
 .site-shell.jcs-home-design .home-redesign .home-balanced-layout{grid-template-columns:minmax(0,830px) minmax(0,420px)!important;gap:30px!important}
 .site-shell.jcs-home-design .home-redesign :is(.main-column,.side-column){gap:16px!important}
 .site-shell.jcs-home-design .home-redesign :is(.module,.side-card,.pmap-home,.political-comic-home,.home-wide-banner){border-color:#dfe3e8!important;border-radius:8px!important}
 .site-shell.jcs-home-design .home-redesign :is(.module,.political-comic-home){padding:20px!important}
 .site-shell.jcs-home-design .home-redesign .module-header{margin-bottom:18px!important;gap:12px!important}
 .site-shell.jcs-home-design .home-redesign .module-header h2{font-size:20px!important;letter-spacing:-.045em!important;line-height:1.4!important}
 .site-shell.jcs-home-design .home-redesign .eyebrow{font-size:10px!important;color:#6d7785!important}
 .site-shell.jcs-home-design .home-redesign :is(#column,#community,#itsme) .module-header{padding-bottom:16px!important;margin-bottom:16px!important}
 .site-shell.jcs-home-design .home-redesign :is(.module-icon-action,.sidebar-more-arrow){border:1px solid #e4e7ec!important;background:#fff!important;border-radius:8px!important;cursor:pointer!important}
 .site-shell.jcs-home-design .home-redesign .rank-top-grid-10{gap:12px!important}
 .site-shell.jcs-home-design .home-redesign .rank-top-card{padding:24px 8px 15px!important;border:1px solid #dfe3e9!important;border-radius:8px!important;background:#fff!important;cursor:pointer!important;transition:background .16s,border-color .16s,box-shadow .16s!important}
 .site-shell.jcs-home-design .home-redesign .rank-top-card:nth-child(-n+3){background:#faf9fc!important}
 .site-shell.jcs-home-design .home-redesign .rank-top-no{top:8px!important;left:10px!important;font-size:12px!important}
 .site-shell.jcs-home-design .home-redesign .rank-top-copy b{font-size:15px!important}
 .site-shell.jcs-home-design .home-redesign .rank-top-copy span{font-size:11px!important;color:#687382!important}
 .site-shell.jcs-home-design .home-redesign .now-rank-nav{top:calc(50% - 18px)!important;width:36px!important;height:36px!important;border:1px solid #d8dde5!important;border-radius:50%!important;background:#fff!important;box-shadow:0 2px 5px #2431440d!important;color:#465161!important;cursor:pointer!important;font-size:23px!important;display:grid!important;place-items:center!important}
 .site-shell.jcs-home-design .home-redesign .now-rank-prev{left:-18px!important}
 .site-shell.jcs-home-design .home-redesign .now-rank-next{right:-18px!important}
 .site-shell.jcs-home-design .home-redesign :is(.rank-top-avatar img,.column-thumb img,.comic-home-picture img,.recent-circle-avatar img,.cheer-product-visual img){transition:transform .2s ease!important}
 .site-shell.jcs-home-design .home-redesign .column-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto!important;gap:16px 24px!important}
 .site-shell.jcs-home-design .home-redesign .column-card,.site-shell.jcs-home-design .home-redesign .column-card:first-child{grid-row:auto!important;flex-direction:row!important;align-items:center!important;padding:0!important;border:0!important;min-height:88px!important;gap:12px!important;border-radius:6px!important}
 .site-shell.jcs-home-design .home-redesign .column-thumb,.site-shell.jcs-home-design .home-redesign .column-card:first-child .column-thumb{width:112px!important;height:84px!important;border-radius:6px!important}
 .site-shell.jcs-home-design .home-redesign .column-card-copy b,.site-shell.jcs-home-design .home-redesign .column-card:first-child .column-card-copy b{font-size:14px!important;line-height:1.5!important;font-weight:650!important;-webkit-line-clamp:2!important}
 .site-shell.jcs-home-design .home-redesign .column-card-copy small{font-size:11px!important;color:#6e7783!important;margin-top:7px!important}
 .site-shell.jcs-home-design .home-redesign .community-row{padding:12px 8px!important;gap:12px!important;border-radius:5px!important;min-height:65px!important}
 .site-shell.jcs-home-design .home-redesign .community-title{font-size:14px!important}
 .site-shell.jcs-home-design .home-redesign .community-title b{display:inline!important}
 .site-shell.jcs-home-design .home-redesign .community-copy em{font-size:11px!important;color:#6d7682!important}
 .site-shell.jcs-home-design .home-redesign .comic-home-picture{display:block!important;position:relative!important;border-radius:6px!important}
 .site-shell.jcs-home-design .home-redesign .comic-home-picture img{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
 .site-shell.jcs-home-design .home-redesign .main-column .comic-home-gallery{gap:20px 16px!important}
 .site-shell.jcs-home-design .home-redesign .comic-home-thumbnail{gap:9px!important;cursor:pointer!important}
 .site-shell.jcs-home-design .home-redesign .side-card:not(.promo-account-card):not(.side-studio-shortcut):not(.side-home-banner):not(.side-support-bridge):not(.home-cage-preview):not(.citizen-choice-banner){padding:20px!important}
 .site-shell.jcs-home-design .home-redesign .sidebar-rising-item{padding:9px 6px!important;border-radius:5px!important;cursor:pointer!important}
 .site-shell.jcs-home-design .home-redesign .sidebar-rising-copy small{font-size:11px!important;color:#6e7885!important}
 .site-shell.jcs-home-design .home-redesign .side-head{font-size:16px!important}
 .site-shell.jcs-home-design .home-redesign .recent-visual-grid{margin-top:14px!important}
 .site-shell.jcs-home-design .home-redesign .recent-visual-card{padding:6px 3px!important;border-radius:7px!important;cursor:pointer!important}
 .site-shell.jcs-home-design .home-redesign .recent-visual-card small{font-size:10px!important;color:#6e7885!important}
 .site-shell.jcs-home-design .home-redesign .side-studio-shortcut>a{padding:20px 20px 0!important}
 .site-shell.jcs-home-design .home-redesign .side-studio-shortcut h2{font-size:23px!important;margin-top:10px!important}
 .site-shell.jcs-home-design .home-redesign .side-studio-shortcut p{font-size:12px!important;margin-top:5px!important;color:#687485!important}
 .site-shell.jcs-home-design .home-redesign .studio-scene{height:130px!important;margin:14px -20px 0!important}
 .site-shell.jcs-home-design .home-redesign .studio-shortcut-stages{margin:0 -20px!important;padding:6px 8px 12px!important}
 .site-shell.jcs-home-design .home-redesign .studio-shortcut-stages>span{font-size:11px!important}
 .site-shell.jcs-home-design .home-redesign .citizen-choice-footer strong::after{content:none!important}
 .site-shell.jcs-home-design .home-redesign .studio-shortcut-button{margin:0 -20px!important;padding:12px!important;font-size:13px!important;transition:background .16s!important}
 .site-shell.jcs-home-design .home-redesign .side-column .pmap-home{padding:20px!important}
 .site-shell.jcs-home-design .home-redesign .side-column .pmap-tabs button{font-size:12px!important}
 .site-shell.jcs-home-design .home-redesign .side-column .pmap-party{font-size:12px!important}
 .site-shell.jcs-home-design .home-redesign .side-column #cheer-shop .cheer-product-card{font-size:11px!important;border:1px solid #e7eaf0!important;border-radius:6px!important;padding:7px 4px!important}
 .site-shell.jcs-home-design .home-redesign #home-compare-taxi .taxi-home-banner{border-radius:8px!important}
 .site-shell.jcs-home-design :is(button,a,[role=button]):focus-visible{outline:2px solid #8061ad!important;outline-offset:3px!important}
 .site-shell.jcs-home-design .home-redesign :is(button,a,[role=button]):active{filter:brightness(.97)!important}
 @media(hover:hover){
  .site-shell.jcs-home-design .home-redesign .rank-top-card:hover{border-color:#a793c1!important;background:#f7f5fb!important;box-shadow:0 3px 10px #46325810!important}
  .site-shell.jcs-home-design .home-redesign :is(.rank-top-card,.column-card,.comic-home-thumbnail,.recent-visual-card):hover img{transform:scale(1.045)!important}
  .site-shell.jcs-home-design .home-redesign :is(.column-card:hover .column-card-copy b,.comic-home-thumbnail:hover .comic-home-title,.community-row:hover .community-title,.proposal-rows a:hover){text-decoration:underline!important;text-underline-offset:3px!important}
  .site-shell.jcs-home-design .home-redesign :is(.community-row,.sidebar-rising-item,.recent-visual-card,.service-dock-row-all .service-dock-item,.module-icon-action,.now-rank-nav,.cheer-product-card):hover{background:#f2f4f7!important}
  .site-shell.jcs-home-design .home-redesign :is(.service-dock-item,.service-dock-more):hover :is(.service-dock-icon,span:first-child){border-color:#c3b3d7!important;box-shadow:0 3px 8px #3e305719!important;transform:translateY(-2px)!important}
  .site-shell.jcs-home-design .home-redesign .service-dock-row-all .service-dock-item:hover .service-dock-icon{box-shadow:none!important;transform:none!important}
  .site-shell.jcs-home-design .home-redesign .side-studio-shortcut>a:hover .studio-shortcut-button{background:#29384c!important}
  .site-shell.jcs-home-design .home-redesign .ec-add:hover{border-color:#9279b4!important;background:#f8f6fc!important}
 }
 @media(max-width:760px){
  .site-shell.jcs-home-design .product-header{padding:18px 16px 0!important}
  .site-shell.jcs-home-design .product-head-search{width:100%!important;margin-top:18px!important}
  .site-shell.jcs-home-design .product-search{height:52px!important;padding:0 12px!important;gap:8px!important;border-radius:28px!important}
  .site-shell.jcs-home-design .product-search input{height:48px!important;font-size:16px!important}
  .site-shell.jcs-home-design .product-search input::placeholder{font-size:11px!important}
  .site-shell.jcs-home-design .home-search-submit{width:28px!important;flex-basis:28px!important;padding:3px!important}
  .site-shell.jcs-home-design .home-redesign .service-dock{width:100%!important;padding:18px 14px 16px!important;margin-bottom:10px!important;background:#fff!important}
  .site-shell.jcs-home-design .home-redesign .service-dock-row{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px 4px!important}
  .site-shell.jcs-home-design .home-redesign :is(.service-dock-label,.service-dock-more small){font-size:12px!important}
  .site-shell.jcs-home-design .home-redesign .service-dock-expanded{left:8px!important;right:8px!important;width:calc(100% - 16px)!important;padding:12px!important;max-height:55vh!important}
  .site-shell.jcs-home-design .home-redesign .service-dock-row-all{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important}
  .site-shell.jcs-home-design .home-redesign .home-balanced-layout{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
  .site-shell.jcs-home-design .home-redesign :is(.main-column,.side-column){gap:12px!important}
  .site-shell.jcs-home-design .home-redesign :is(.module,.political-comic-home){padding:20px 16px!important;border-radius:0!important}
  .site-shell.jcs-home-design .home-redesign .module-header h2{font-size:18px!important}
  .site-shell.jcs-home-design .home-redesign .rank-top-grid-10{gap:8px!important}
  .site-shell.jcs-home-design .home-redesign .rank-top-card{padding:14px 7px 14px 17px!important;min-height:94px!important}
  .site-shell.jcs-home-design .home-redesign .rank-top-copy b{font-size:14px!important}
  .site-shell.jcs-home-design .home-redesign .rank-top-copy span{font-size:10px!important}
  .site-shell.jcs-home-design .home-redesign .rank-top-no{left:5px!important;top:7px!important;font-size:10px!important}
  .site-shell.jcs-home-design .home-redesign .now-rank-nav{top:-49px!important;left:auto!important;right:44px!important;width:28px!important;height:28px!important;border-radius:6px!important;font-size:18px!important;box-shadow:none!important}
  .site-shell.jcs-home-design .home-redesign .now-rank-prev{right:78px!important}
  .site-shell.jcs-home-design .home-redesign .column-grid{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
  .site-shell.jcs-home-design .home-redesign .column-thumb,.site-shell.jcs-home-design .home-redesign .column-card:first-child .column-thumb{width:104px!important;height:78px!important}
  .site-shell.jcs-home-design .home-redesign .community-row{padding:12px 0!important}
  .site-shell.jcs-home-design .home-redesign .main-column .comic-home-gallery{gap:20px 12px!important}
 }
 @media(prefers-reduced-motion:reduce){
  .site-shell.jcs-home-design .home-redesign :is(.rank-top-card,.rank-top-avatar img,.column-thumb img,.comic-home-picture img,.recent-circle-avatar img,.service-dock-icon,.studio-shortcut-button){transition:none!important;transform:none!important}
 }
}