@hydrogen-design-system/component-accordion/dist/compile/latest/accordion.min.css

Hydrogen's accordion component.

[data-h2-accordion]{font-size:1rem}[data-h2-accordion] *{box-sizing:border-box}[data-h2-accordion] ::-moz-selection{background:#f7b452!important;color:#0a0a0c!important}[data-h2-accordion] ::selection{background:#f7b452!important;color:#0a0a0c!important}[data-h2-accordion] blockquote,[data-h2-accordion] dl,[data-h2-accordion] fieldset,[data-h2-accordion] figure{margin:0}[data-h2-accordion] iframe,[data-h2-accordion] img{max-width:100%}[data-h2-accordion] .h2-active-block{display:block}[data-h2-accordion] .h2-active-inline{display:inline}[data-h2-accordion] .h2-active-inline-block{display:inline-block}[data-h2-accordion] .h2-hidden{display:none}[data-h2-accordion] .h2-mobile-lock{overflow:hidden}@media screen and (min-width:64em){[data-h2-accordion] .h2-mobile-lock{overflow:visible}}[data-h2-accordion] h1,[data-h2-accordion] h2,[data-h2-accordion] h3,[data-h2-accordion] h4,[data-h2-accordion] h5,[data-h2-accordion] h6,[data-h2-accordion] p{font-family:sans-serif;font-weight:400;line-height:1.5;margin:0}[data-h2-accordion] h1{font-size:4.20873rem}[data-h2-accordion] h2{font-size:3.15733rem}[data-h2-accordion] h3{font-size:2.36859rem}[data-h2-accordion] h4{font-size:1.77689rem}[data-h2-accordion] h5{font-size:1.333rem}[data-h2-accordion] h6{font-size:1rem}[data-h2-accordion] div,[data-h2-accordion] p{font-size:1rem}[data-h2-accordion] span{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:1.5}[data-h2-accordion] em{color:inherit;font-family:inherit;font-size:inherit;font-style:italic;line-height:1.5}[data-h2-accordion] strong{color:inherit;font-family:inherit;font-size:inherit;font-weight:600;line-height:1.5}[data-h2-accordion] a{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:1.5;text-decoration:underline;transition:color .2s ease}@media (hover:hover){[data-h2-accordion] a:hover{color:#5cffee!important;transition:color .2s ease}}[data-h2-accordion] ol,[data-h2-accordion] ul{font-family:sans-serif;margin:0;padding-left:1.5rem}[data-h2-accordion] ol li,[data-h2-accordion] ul li{color:inherit;font-family:inherit;font-size:inherit;line-height:1.5;margin-bottom:.75rem}[data-h2-accordion] ol li:last-child,[data-h2-accordion] ul li:last-child{margin-bottom:0}[data-h2-accordion] ol li>ul,[data-h2-accordion] ul li>ul{margin-top:.75rem}[data-h2-accordion] [data-h2-focus]:focus{box-shadow:-1px -1px 0 #9d5cff,0 -1px 0 #9d5cff,1px -1px 0 #9d5cff,1px 0 0 #9d5cff,1px 1px 0 #9d5cff,0 1px 0 #9d5cff,-1px 1px 0 #9d5cff,-1px 0 0 #9d5cff;outline:none}[data-h2-accordion]>[data-h2-accordion-trigger]{background:none;border:none;border-radius:0;cursor:pointer;position:relative;text-align:left;width:100%}[data-h2-accordion]>[data-h2-accordion-trigger] [data-h2-accordion-trigger-label]{height:1px;overflow:hidden;position:absolute;top:0;left:-100vw;width:1px}[data-h2-accordion]>[data-h2-accordion-trigger] [data-h2-accordion-add-icon]{display:block;position:absolute;top:50%;text-align:center;transform:translate(-50%,-50%);width:1rem}[data-h2-accordion]>[data-h2-accordion-trigger] [data-h2-accordion-remove-icon]{display:none;position:absolute;top:50%;text-align:center;transform:translate(-50%,-50%);width:1rem}[data-h2-accordion]>[data-h2-accordion-content]{display:none}[data-h2-accordion].h2-active>[data-h2-accordion-trigger] [data-h2-accordion-add-icon]{display:none}[data-h2-accordion].h2-active>[data-h2-accordion-trigger] [data-h2-accordion-remove-icon]{display:block}[data-h2-accordion].h2-active>[data-h2-accordion-content]{display:block}[data-h2-accordion]>[data-h2-accordion-trigger]:focus{box-shadow:-1px -1px 0 #9d5cff,0 -1px 0 #9d5cff,1px -1px 0 #9d5cff,1px 0 0 #9d5cff,1px 1px 0 #9d5cff,0 1px 0 #9d5cff,-1px 1px 0 #9d5cff,-1px 0 0 #9d5cff;outline:none}[data-h2-accordion*=right]>[data-h2-accordion-trigger]{padding:0 5rem 0 0}[data-h2-accordion*=right]>[data-h2-accordion-trigger] [data-h2-accordion-add-icon]{right:2.5rem}[data-h2-accordion*=right]>[data-h2-accordion-trigger] [data-h2-accordion-remove-icon]{right:2.5rem}[data-h2-accordion*=left]>[data-h2-accordion-trigger]{padding:0 0 0 5rem}[data-h2-accordion*=left]>[data-h2-accordion-trigger] [data-h2-accordion-add-icon]{left:2.5rem}[data-h2-accordion*=left]>[data-h2-accordion-trigger] [data-h2-accordion-remove-icon]{left:2.5rem}[data-h2-accordion*=left]>[data-h2-accordion-content]{padding-left:5rem}