.main{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:0;width:100%;padding:4rem 2rem;display:flex}.info-container{flex-direction:column;justify-content:center;gap:1rem;width:640px;min-height:calc(100vh - 8rem);display:flex}.first-logo-container{justify-content:flex-end;align-items:center;height:calc(100vh - 8rem);display:flex}.docs-box{padding:2rem}.docs-box:hover{cursor:pointer;opacity:.8;border-radius:1.5rem;outline:1px solid #bbb}.jacket-list{flex-flow:row;gap:1rem;width:100%;padding:1rem;display:flex;overflow-x:scroll}.jacket-link{width:8rem}.jacket-list::-webkit-scrollbar{height:2rem}.jacket-list::-webkit-scrollbar-thumb{background:#fff padding-box padding-box;border-left:4px solid transparent;border-right:4px solid transparent;border-radius:30rem}.jacket-image{border-radius:.5rem}.big-box{background-color:none;border-radius:1rem;height:15rem;position:relative;overflow:hidden}.big-box:hover{background-color:#000}.big-box:hover .big-box-image{cursor:pointer;opacity:.8}.big-box-image{position:absolute;top:0}.big-box-link{color:#fff;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:100%;padding:2rem;display:flex;position:absolute;top:0;left:0}@media (max-width:768px){.big-box-link{flex-direction:column;justify-content:start;align-items:start;gap:1rem}}.big-box-info{text-align:end}@media (max-width:768px){.big-box-info{text-align:start}}.name-container{cursor:pointer;white-space:nowrap;flex-direction:column;justify-content:center;gap:0;width:500px;height:calc(100vh - 8rem);transition:color .3s;display:flex;position:-webkit-sticky;position:sticky;top:4rem;left:0}.name-relative{width:100%;height:100%;position:relative}.name-text{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.name-text h2{margin-bottom:-.5rem}.hamburger-menu{opacity:0;visibility:hidden;z-index:1;flex-direction:column;justify-content:center;height:100%;transition:opacity .3s,visibility 0s linear .3s;display:flex}@media (any-hover:hover){.name-container:hover .hamburger-menu{opacity:1;visibility:visible;transition:opacity .3s,visibility linear}}.menu-blank{height:4rem}@media (any-hover:hover){.name-container:hover .name-text{color:#fff;z-index:0}}.hamburger-menu .bar{margin:4px 0;font-size:2rem}.info-main{-ms-filter:blur(.5rem);filter:blur(.5rem);pointer-events:none;opacity:.2;z-index:1;flex-direction:column;justify-content:center;gap:1rem;transition:opacity .3s,visibility 0s linear .3s;display:flex;top:0%}.info-relative{width:100%;height:calc(100vh - 8rem);position:relative}.info-container:hover .info-main{-ms-filter:blur(0rem);filter:blur(0);pointer-events:unset;opacity:1;transition:opacity .3s,visibility linear}.flavor-text{text-align:right;width:100%;position:-webkit-sticky;position:sticky;top:50%;transform:translateY(-50%)}.info-container:hover .flavor-text{color:#fff;z-index:0;-ms-filter:blur(.2rem);filter:blur(.2rem)}.cd-info-link{width:100%;color:inherit;flex-direction:row;gap:1rem;text-decoration:none;display:flex}@media (max-width:768px){.cd-info-link{flex-direction:column;align-items:center}}.jacket-image{object-fit:cover;border-radius:8px;flex-shrink:0}.jacket-info{flex-direction:column;gap:.25rem;min-width:0;display:flex}@media (max-width:768px){.jacket-info{width:100%}}.jacket-info h2,.jacket-info p{margin:0}.music-list{white-space:pre-line;opacity:.9;font-size:.875rem;line-height:1.5}.single-list{flex-flow:wrap;justify-content:flex-end;gap:1rem;width:100%;padding:1rem;display:flex}@media (max-width:768px){.single-list{justify-content:center}}.single-info-link{overflow-wrap:normal;width:12rem;color:inherit;flex-direction:column;gap:.5rem;text-decoration:none;display:flex}@media (max-width:768px){.single-info-link{width:35vw}}.single-image{object-fit:cover;border-radius:8px;flex-shrink:0;width:12rem;height:12rem;position:relative;overflow:hidden}@media (max-width:768px){.single-image{width:35vw;height:35vw}}@media (max-width:768px){.single-info{font-size:.875rem}}@media (max-width:768px){.main{flex-direction:column;gap:2rem;padding:2rem 1rem}.info-container{width:100%;min-height:calc(100vh - 8rem);position:static}.name-container{width:100%;height:auto;position:static}.first-logo-container{display:none}.info-main{filter:none;opacity:1;pointer-events:unset;height:auto;position:static}.flavor-text{text-align:center;position:static;transform:none}.info-container:hover .flavor-text{color:#000;z-index:0;-ms-filter:blur(0rem);filter:blur(0)}}
