.portal-container{padding:2rem 0}.portal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.portal-header h1{font-size:2rem;font-weight:700;margin-bottom:.5rem}.portal-header p{color:#666}.view-toggle{display:flex;gap:.5rem;background:#fff;padding:.25rem;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.view-button{padding:.5rem;border:none;background:none;border-radius:.25rem;cursor:pointer;color:#666}.view-button.active{background:#f3f4f6;color:#000}.portal-tabs{display:flex;gap:1rem;margin-bottom:2rem;padding:.25rem;background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.tab-button{padding:.5rem 1rem;border:none;background:none;border-radius:.25rem;cursor:pointer;color:#666}.tab-button.active{background:#f3f4f6;color:#000}.portal-content{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.portal-content.list-view{display:flex;flex-direction:column;gap:1rem}.content-card{background:#fff;border-radius:.5rem;overflow:hidden;box-shadow:0 1px 3px #0000001a;transition:transform .2s}.content-card:hover{transform:translateY(-2px)}.card-image{position:relative;padding-top:56.25%}.card-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;color:#fff}.content-card:hover .play-overlay{opacity:1}.card-content{padding:1rem}.card-content h3{font-weight:600;margin-bottom:.25rem}.card-content p{color:#666;font-size:.875rem}
/*# sourceMappingURL=/cdn/shop/t/6/assets/portal.css.map */