grid-accordion-js/build/grid-accordion.css

Modular grid accordion built in Vanilla JavaScript.

.grid-accordion{margin-left:auto;margin-right:auto;position:relative}.grid-accordion *{-webkit-tap-highlight-color:transparent}.ga-mask{height:100%;overflow:hidden;width:100%}.ga-mask,.ga-panels{position:absolute}.ga-horizontal .ga-panels{height:100%}.ga-vertical .ga-panels{width:100%}.ga-panel{overflow:hidden;position:absolute}.ga-shadow{box-shadow:-5px 0 40px 1px #000}.ga-background,.ga-background-opened{border:none;height:auto;vertical-align:bottom;width:auto}.ga-background-opened{left:0;position:absolute;top:0;visibility:hidden}.ga-no-js{max-width:100%;overflow:hidden}.grid-accordion .ga-background,.grid-accordion .ga-background-opened{border:none!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:0!important;transition:none}.grid-accordion a{position:static;transition:none!important}.grid-accordion .ga-background,.grid-accordion .ga-background-opened,.grid-accordion canvas,.grid-accordion embed,.grid-accordion iframe,.grid-accordion object,.grid-accordion video{max-height:none;max-width:none}.ga-pagination-buttons{padding-top:10px;position:absolute;text-align:center;top:100%;width:100%}.ga-pagination-button{border:2px solid #000;border-radius:50%;box-sizing:border-box;cursor:pointer;display:inline-block;height:10px;margin:4px;width:10px}.ga-pagination-buttons .ga-selected{background-color:#000}.ga-has-buttons{margin-bottom:32px}@media only screen and (min-width:768px) and (max-width:1024px){.ga-pagination-button{height:14px;width:14px}.ga-has-buttons{margin-bottom:36px}}@media only screen and (min-width:568px) and (max-width:768px){.ga-pagination-button{height:16px;width:16px}.ga-has-buttons{margin-bottom:38px}}@media only screen and (min-width:320px) and (max-width:568px){.ga-pagination-button{height:18px;width:18px}.ga-has-buttons{margin-bottom:40px}}.ga-layer{box-sizing:border-box;margin:0;position:absolute;-webkit-font-smoothing:subpixel-antialiased}.ga-black{background:#000;background:#000000b3;color:#fff}.ga-white{background:#fff;background:#ffffffb3;color:#000}.ga-rounded{border-radius:10px}.ga-padding{padding:10px}.ga-layer.ga-vertical{transform:rotate(-90deg) translateY(100%);transform-origin:left bottom}.ga-grab{cursor:url(ff66d0e16708a8387706.cur),move}.ga-grabbing{cursor:url(64a865afeb83429aea35.cur),move}.ga-selectable{cursor:default}a.ga-video{-webkit-text-decoration:none;text-decoration:none}a.ga-video img{backface-visibility:hidden;border:none}a.ga-video:after{background-color:#0003;border:2px solid #fff;border-radius:30px;color:#fff;content:"\25B6";font-size:30px;height:50px;inset:0;line-height:52px;margin:auto;padding-left:5px;position:absolute;text-align:center;width:45px}