@travelopia/react-components
Version:
Headless React components library focused on INP performance
80 lines (71 loc) • 1.36 kB
CSS
/* Accordion Item */
._item_eqm2n_2 {
display: block;
}
/* Accordion Trigger - button */
._trigger_eqm2n_7 {
background: none;
border: none;
cursor: pointer;
padding: 0;
color: inherit;
font: inherit;
text-align: inherit;
width: 100%;
display: block;
}
/* Accordion Content - collapsible region */
._content_eqm2n_20 {
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows 200ms ease;
overflow: hidden;
}
._content_eqm2n_20[data-state="open"] {
grid-template-rows: 1fr;
}
/* Inner wrapper for content */
._contentInner_eqm2n_32 {
min-height: 0;
overflow: hidden;
}
/* Modal Overlay - backdrop */
._overlay_1rwrj_2 {
position: fixed;
inset: 0;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
align-items: center;
justify-content: center;
z-index: 1000;
}
/* Modal Content - dialog box */
._content_1rwrj_13 {
position: relative;
background-color: #fff;
color: #000;
max-width: 90vw;
max-height: 90vh;
overflow: auto;
z-index: 1001;
}
/* Modal Close Button */
._close_1rwrj_24 {
background: none;
border: none;
cursor: pointer;
padding: 0;
color: inherit;
font: inherit;
}
/* Modal Title */
._title_1rwrj_34 {
margin: 0;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
}
/* Modal Description */
._description_1rwrj_42 {
margin: 0;
}