.equipment-container{position:relative;width:calc(100wh - var(--padding-xxl) * 4);padding:calc(var(--padding-xxl) * 2);display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;flex-shrink:0;gap:var(--gap-xxl);background:var(--bg);z-index:2}.equipment-container .equiment-grid{width:100%;display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--gap-xxl)}.equipment-container .equiment-grid:not(:first-child){grid-template-columns:repeat(4, 1fr)}.equipment-container .equiment-grid:not(:first-child) .equipment{min-height:360px}.equipment-container .equiment-grid .equipment{cursor:pointer;position:relative;min-height:720px;max-height:10dvh;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--gap-m);background:var(--bg-inverted);border-radius:var(--border-radius-xl);transform:scale(0.85);transition:scale 0.4s cubic-bezier(0.31, 0.02, 0.06, 0.99),transform 0.6s cubic-bezier(0.31, 0.02, 0.06, 0.99),opacity 0.6s cubic-bezier(0.31, 0.02, 0.06, 0.99)}.equipment-container .equiment-grid .equipment:hover{scale:0.98}.equipment-container .equiment-grid .equipment .equipment-image{flex:1;min-height:0;width:70%;max-height:70%;display:flex;align-items:center;justify-content:center;opacity:0.7;z-index:1}.equipment-container .equiment-grid .equipment .equipment-image img{max-width:100%;max-height:100%;object-fit:contain}.equipment-container .equiment-grid .equipment .equipment-info{width:calc(100% - var(--margin-l) * 2);height:calc(100% - var(--margin-l) * 2);position:absolute;top:var(--margin-l);left:var(--margin-l);display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;color:var(--text-static-light);z-index:2;transition:bottom 0.6s cubic-bezier(0.31, 0.02, 0.06, 0.99),left 0.6s cubic-bezier(0.31, 0.02, 0.06, 0.99)}.equipment-container .equiment-grid .equipment .equipment-info .equipment-name{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;max-width:90%;font-size:calc(var(--font-xxl) * 1.4);font-weight:var(--font-weight-bold)}.equipment-container .equiment-grid .equipment .equipment-info .equipment-line{max-width:70%;display:flex;align-items:center;justify-content:center;flex-direction:row;gap:var(--gap-xxs);align-self:center;text-align:center;color:var(--text-static-light);font-size:var(--font-s);font-weight:var(--font-weight-normal);opacity:0.6}.equipment-container .equiment-grid .equipment .equipment-info .equipment-line>svg{width:16px;height:16px;color:var(--text-static-light)}.equipment-container .equiment-grid .equipment .equipment-info .equipment-description{max-width:70%;align-self:center;text-align:center;color:var(--text-static-light);font-size:var(--font-s);font-weight:var(--font-weight-light);opacity:0.6}.equipment-container .equiment-grid.appear .equipment{opacity:1;border-radius:var(--border-radius-xl);transform:scale(1)}.equipment-container .equiment-grid.appear .equipment .equipment-info{bottom:var(--margin-xl);left:var(--margin-xl)}@media (max-width: 1024px){.equipment-container .equiment-grid:not(:first-child){grid-template-columns:repeat(2, 1fr)}.equipment-container .equiment-grid .equipment .equipment-info .equipment-name{font-size:var(--font-xxl)}.equipment-container .equiment-grid .equipment .equipment-info .equipment-line{font-size:var(--font-xs)}.equipment-container .equiment-grid .equipment .equipment-info .equipment-description{font-size:var(--font-xs)}}@media (max-width: 600px){.equipment-container{width:calc(100wh - var(--padding-xl) * 2);padding:calc(var(--padding-xl))}.equipment-container .equiment-grid{grid-template-columns:1fr}.equipment-container .equiment-grid:not(:first-child){grid-template-columns:1fr}.equipment-container .equiment-grid .equipment{min-height:300px}.equipment-container .equiment-grid .equipment .equipment .equipment-info .equipment-name{font-size:var(--font-xxl)}.equipment-container .equiment-grid .equipment .equipment .equipment-info .equipment-line{font-size:var(--font-xs)}.equipment-container .equiment-grid .equipment .equipment .equipment-info .equipment-description{font-size:var(--font-xs)}}