.blog-tile-nav-container{font-size:14pt;line-height:1.5;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#353c40}.blog-tile-nav-container p{margin-bottom:1rem}.tile-instruction-text{transition:opacity .18s ease}#tile-grid{position:relative}#back-to-grid-button{display:none;margin:20px auto;padding:10px 20px;background:#2b6cb0;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;text-align:center;position:relative;transition:opacity .3s,background-color .3s}#back-to-grid-button i,#tile-back-button i{margin-right:8px}#back-to-grid-button:hover,#tile-back-button:hover{background:#2457a0}#tile-back-button.hidden{display:none}.tile-grid-container{display:flex;flex-direction:column;gap:30px}.nav-tile{width:180px;border-radius:8px;overflow:hidden;cursor:pointer;border:1px solid #ccc;transition:transform .3s,box-shadow .3s,opacity .3s,background-color .3s}.nav-tile:hover{transform:translateY(-3px);box-shadow:0 4px 8px #0000001a;background-color:#f8f8f8}.nav-tile img{width:100%;height:120px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block;transition:opacity .2s}.nav-tile:hover img{opacity:.9}.tile-img-placeholder{width:100%;height:120px;background-color:#e0e0e0;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.nav-tile:hover .tile-img-placeholder{background-color:#d0d0d0}.tile-img-placeholder i{font-size:40px;color:#666}.tile-title{padding:8px;font-weight:700;text-align:center;font-size:14pt}.tile-subtitle{padding:0 8px 8px;text-align:center;font-size:11pt;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.tile-label-section{margin-bottom:20px}.tile-label-section-header{margin-bottom:15px;width:100%;clear:both}.tile-label-section-tile-grid{display:grid;grid-template-columns:repeat(auto-fill,180px);grid-gap:20px;justify-content:start}.tile-label{font-weight:700;font-size:18pt;color:#666;margin-bottom:10px}.tile-row{flex:1;display:flex;gap:20px;padding:0 10px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;min-height:200px}.tile-row::-webkit-scrollbar{height:6px}.tile-row::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.tile-row::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.tile-row::-webkit-scrollbar-thumb:hover{background:#666}.tile-section-divider{width:1px;background-color:#ccc;align-self:stretch;min-height:100%;flex-shrink:0}.tile-row-container{position:relative;display:flex}.tile-scroll-button{position:absolute;width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid #ccc;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;opacity:0;transition:opacity .2s}.tile-scroll-button:hover{background:#f8f8f8}.tile-scroll-left{left:-20px}.tile-scroll-right{right:-20px}@media screen and (min-width:769px){.tile-row-container:hover .tile-scroll-button:not(.hidden){opacity:1}}@media screen and (max-width:768px){.tile-scroll-button:not(.hidden){opacity:1}.nav-tile{margin:0 auto 15px}}.see-more-tile,.see-less-tile{background-color:#f5f5f5;cursor:pointer;transition:all .2s}.see-more-tile:hover,.see-less-tile:hover{background-color:#e0e0e0;transform:translateY(-3px);box-shadow:0 4px 8px #0000001a}.see-more-tile .tile-img-placeholder,.see-less-tile .tile-img-placeholder{display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;transition:background-color .2s}.see-more-tile:hover .tile-img-placeholder,.see-less-tile:hover .tile-img-placeholder{background-color:#e0e0e0}.see-more-tile .tile-img-placeholder i,.see-less-tile .tile-img-placeholder i{font-size:30px;color:#2b6cb0}.see-more-tile .tile-title,.see-less-tile .tile-title{color:#2b6cb0}[id^=tile-content-header-],[id^=tile-img-]{transition:opacity .4s,transform .4s}[id^=tile-img-] figure.image{width:-moz-fit-content;width:fit-content}.tile-selected{transform:scale(1.05);box-shadow:0 8px 16px #00000026;z-index:10;position:relative}@media screen and (max-width:768px){.tile-label-section-tile-grid{grid-template-columns:repeat(auto-fill,150px);grid-gap:10px}.nav-tile{width:150px}.tile-img-placeholder,.nav-tile img{height:100px}.tile-title{font-size:12pt;padding:6px}.tile-subtitle{font-size:10pt;padding:0 6px 6px}}@media screen and (max-width:480px){.tile-label-section-tile-grid{grid-template-columns:repeat(auto-fill,140px);grid-gap:8px}.nav-tile{width:140px}.tile-img-placeholder,.nav-tile img{height:90px}.tile-img-placeholder i{font-size:30px}.tile-title{font-size:11pt;padding:5px}.tile-subtitle{font-size:9pt;padding:0 5px 5px;-webkit-line-clamp:2;line-clamp:2}}@media screen and (max-width:359px){.tile-label-section-tile-grid{grid-template-columns:repeat(auto-fill,130px);grid-gap:6px}.nav-tile{width:130px}.tile-img-placeholder,.nav-tile img{height:85px}}.toggle-tile{background-color:#f5f5f5;cursor:pointer;transition:all .2s}.toggle-tile:hover{background-color:#e0e0e0;transform:translateY(-3px);box-shadow:0 4px 8px #0000001a}.toggle-tile .tile-img-placeholder{display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;transition:background-color .2s}.toggle-tile:hover .tile-img-placeholder{background-color:#e0e0e0}.toggle-tile .tile-img-placeholder i{font-size:30px;color:#2b6cb0}@media screen and (max-width:480px){.toggle-tile .tile-img-placeholder i{font-size:24px}}.toggle-tile .tile-title{color:#2b6cb0}
