.canvas--container{position:relative;z-index:0}.canvas--container .canvas--drawing{width:100%;min-height:calc(100vh - 110px)}.canvas--container .canvas--drawing .art--work{cursor:pointer}.canvas--container .canvas--drawing .art--work:hover{opacity:0.9}.canvas--container .canvas--drawing .art--work img{display:block;width:100%;height:100%;object-fit:cover}.canvas--container .canvas--drawing.bin{display:flex;flex-direction:row;flex-wrap:nowrap;gap:2px}.canvas--container .canvas--drawing.bin .year-container{display:flex;flex-direction:column-reverse;flex-wrap:nowrap;min-height:100vh;gap:2px}.canvas--container .canvas--drawing.bin .year-container .year-info{margin-top:4px;border-top:2px var(--txt-color) solid;text-align:center;opacity:0}.canvas--container .canvas--drawing.grid{display:flex;flex-direction:row;flex-wrap:wrap;gap:2px;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.canvas--container .canvas--drawing.xy{display:block;position:relative}.canvas--container.contract{padding-left:var(--menu-width)}.canvas--container .canvas--intro.mobile{position:absolute;top:0;display:none;flex-direction:column;justify-content:center;height:100%;width:100%;padding:0 20px}@media (max-width: 768px){.canvas--container.contract{padding-left:0}.canvas--container .canvas--intro.mobile{display:flex}}