An accordion is a useful tool in managing the content on a web page. It lets us take a page which might otherwise be overwhelming and break it down into manageable blocks for our users, like this:
Eius iste hic sequi inventore dignissimos
Ex quia sint voluptatem deserunt. dolorem et et sed sapiente voluptas quibusdam fuga ducimus sed maxime. optio aperiam placeat repellendus rerum quas nisi mollitia et doloremque qui natus sequi praesentium. quos rerum in et. omnis veritatis accusantium voluptatem velit consequatur. et at earum deleniti quas consectetur sed qui quis enim dolores sit qui non. nihil eveniet maxime blanditiis quidem rerum perspiciatis voluptas ex pariatur
Saepe ut unde quia earum quo aut quidem est earum optio repellendus. facere ex qui occaecati ut autem dolorem eius reprehenderit. ex molestiae est veritatis ducimus tempora quo libero
Non voluptatem aut non laborum rerum et earum sed magni asperiores cumque rerum possimus
Sunt quasi vitae autem culpa consequuntur facilis officia asperiores unde. officia non enim ipsum quidem earum sed sit. libero velit velit sint dolores deserunt
Voluptas rerum illum ut ut cupiditate id ab dolorum adipisci hic
Rerum dolorem pariatur reprehenderit est et exercitationem soluta reiciendis occaecati eum sint. sit quas provident enim. vero accusamus doloribus sequi non alias illo voluptas sint dolores deleniti error. fugiat unde explicabo odio. sint laboriosam inventore repellat saepe sequi natus sint voluptas
Assumenda recusandae consectetur repellat perferendis in perferendis sed officia provident mollitia totam eos quia. nisi sunt doloremque voluptas dolorem est sed. voluptas voluptatem aut officia in in nam qui et aliquid. illo repellendus sed omnis repudiandae et laudantium quia in repellendus magnam quia numquam praesentium
Vitae voluptates consectetur laudantium ullam rem ut voluptas iste aut sit eum. molestiae neque fugiat laudantium fugiat quia aut eum placeat quam. reprehenderit excepturi eveniet quo numquam id necessitatibus sint autem nobis
Why does it matter?
When users engage with our content, they're trying to achieve a goal; this could be to find some information or apply to university.
As UX professionals, content writers, designers, and developers, our aim is to help the user achieve that goal as quickly and easily as they can.
We want our users to find the content that they’re interested in without having to scroll through a huge amount of information that’s not relevant to their current goal.
We don't want to waste their time and energy by asking them to scroll around, potentially distracting them from achieving their goal.
The question to keep in mind when deciding whether to use an accordion is: why do we need to fold this bit of content away at this point in time? Does it help or hinder the user?
Accordions are most suitable when people only need a few key pieces of content on a single page. By hiding most of the content, we allow users to spend their time more efficiently and focus on the topics that matter to them.
Nielsen Norman has recommended several different approaches to using accordions on complex content pages.
Figure 1. Size of the terms and conditions page without accordions and after redesign using accordions.
Does it have accessibility benefits?
Users with cognitive conditions such as autism and dyslexia appreciate text that is succinct and well-structured – they don't want to be confronted by a wall of text.
Users with visual impairments may have a better experience with accordions in place – accordions often have large descriptive headings, enabling the user to orient themselves more easily with the page. Accordions can also provide users with larger target areas to select.
Are there accessibility concerns?
A user should always be able to tab through page elements, enabling them to access the content with a screen reader if needed.
Labels should clearly indicate the nature of the content in the accordion, so users can decide whether to expand that section or not.
Form fields, particularly mandatory ones, should not be contained within accordions. Users – particularly those using assistive technology – may miss them, or become disoriented within the page.
Accordions in the design framework
Design
We have used left aligned chevrons in the accordion pattern:
Ut aspernatur corporis sequi deleniti praesentium dolorem excepturi tenetur
Perferendis eos neque facere quia repellat quaerat est reiciendis veniam tenetur. harum eum quia asperiores sunt optio itaque et esse facilis voluptatem maxime aut quia. dolorem dolores aut nam velit ea expedita rerum ab consequatur alias qui. temporibus suscipit aut aperiam dolores et quasi vero deleniti. sunt iure corrupti et neque porro. perferendis qui nemo et reprehenderit et iusto. cum iusto culpa fugiat sit error et error aliquid quibusdam pariatur in dolor accusamus
Occaecati aliquid dolore itaque ipsa maxime voluptas nulla ea quia sed dolores quasi. voluptate reprehenderit nihil sit et corporis quis delectus et temporibus ratione impedit officia. dolorum aut voluptates adipisci dolorum omnis praesentium. dicta voluptatem dolores vitae voluptates accusantium nisi non harum tempora inventore id et. optio optio consequatur rerum provident laudantium id eos. laudantium animi eos a delectus commodi quo reprehenderit architecto qui
We use a '+' elsewhere in DF to denote the ability to add something to a page, so a chevron is visually distinct from this.
Research has shown that users react more quickly to left aligned accordion actions – users are more inclined to click the label, and have a larger target area to aim for.
We have stripped the colour out of accordions in this release. This is part of a step change process to develop the implementation of colour across the UCAS' digital estate.
Future releases may reintroduce elements of colour to accordions, and requests to do so should follow the design framework process.
Rules/guidelines for using accordions
These must be applied, for the most suitable and consistent experience:
Content
Accordions should be used for small amounts of content. They are not designed for more than a couple of paragraphs or so.
Nielsen Norman has recommended text should be concise, scannable, and objective to increase usability – this is no different for content inside accordions.
If you're using an accordion to hold more than three paragraphs, consider rewriting or regrouping the content to make it more manageable for users.
Buttons should not be placed inside the body of an accordion – as mentioned in the accessibility section above, these can be lost by all users and challenging for those using assistive software.
Grouping
When you're structuring content, consider how the accordions will be grouped on the page to make the best use of the design pattern.
No more than seven accordions should be stacked together, and accordions shouldn't be used in isolation on a content page (although they are successfully used on their own across AMS).
A maximum of ten accordions can appear on any content page, but this maximum should only be used in rare cases. If you're approaching this number of accordions for your content, there should be a thorough review of the content and its layout to ensure it is of maximum benefit to the user.
There are two distinct cases (terms and conditions, and FAQ pages) where you may see accordions in much larger numbers. However, these are unique content types and this pattern should not be replicated elsewhere.
The expand all/collapse all buttons should be used for groups of accordions together, and should not be used if there are large amounts of text on the page between individual accordions.
Accordions should not be nested – current design patterns for nested accordions are to be used for legacy content only.
Default layout and behaviour with optional expand/collapse controls.
To enable or disable the expand/collapse controls simply set the data-accordion-controls attribute to true|false respectively.
Dolorem inventore a
Quidem est facere et beatae. eligendi at placeat vel deleniti et maiores necessitatibus et omnis. consequatur maxime perspiciatis officiis est
Rerum sed excepturi explicabo sapiente officia repellendus cum voluptatem et aliquam. rerum voluptas corrupti enim ex. libero explicabo est eligendi ab praesentium eum aut aspernatur sit molestias doloribus. ad omnis fuga et sunt nihil et ad animi
Facere quae ut
Aliquid facere recusandae nulla. natus aliquam sunt debitis ipsa voluptatem a quo non deleniti fugit tenetur. est quidem deleniti temporibus optio nobis pariatur animi ut corporis. excepturi ullam ducimus inventore perferendis qui impedit deleniti dolorem. ab incidunt eum tempora fuga eveniet et nulla architecto autem esse cum qui. tempora architecto quia eveniet quo omnis a dolor aut quidem iste at. et et omnis expedita quia vel natus rem aut eos voluptates ut dignissimos a qui
Nesciunt optio totam
Et sunt animi vel fugit eos voluptatem sapiente vitae nesciunt ut impedit enim esse. quis voluptatum sint illum cupiditate velit voluptatem non fuga. corrupti praesentium quisquam quisquam architecto aliquid eius aut enim tempore. excepturi beatae consequatur error consequatur ducimus eligendi enim ut ipsam libero quibusdam sed qui. reiciendis et et nulla quaerat. officia aut voluptas vel voluptas aut voluptatem nobis et occaecati nesciunt necessitatibus. modi nam aut omnis vero earum et perferendis expedita veritatis dolores
Libero aut aut ipsum doloremque sunt iste a aut. sit rem rerum ab in at in sunt perspiciatis aut aliquid. est laboriosam mollitia nemo voluptates ex labore dolorum. aut ut eos et nihil sed nulla voluptatem repellendus illum sint. repellat velit consectetur sed fuga harum magni quae quo hic. qui id dolor expedita distinctio libero temporibus. sed iure consequatur sequi doloremque ducimus perferendis
Ut consequuntur officiis at nam alias sed voluptatibus et. qui temporibus autem ut harum. hic totam assumenda qui doloribus eaque quo omnis. est reiciendis sunt voluptatem voluptas autem. suscipit odit et illum id voluptatem illum esse sed a officia nulla. asperiores vitae asperiores quia aut fugit corporis itaque mollitia
Markup for default accordion
<!-- START widgets/acccordion component --><ulclass="accordion"data-accordion-controls="true"><liclass="accordion__child"><h2id="accordion-a1"data-accordion-triggerclass="accordion__toggle"tabindex="0"role="button"aria-expanded="false"aria-controls="accordion-a1-panel">Quod libero culpa</h2><divid="accordion-a1-panel"class="accordion__inner"data-accordion-state="collapsed"aria-labelledby="accordion-a1"aria-hidden="true"role="region"><divclass="accordion__inner-wrapper"><p>Corporis minima at laboriosam perspiciatis ad. sapiente aliquam nihil nam deserunt autem eum saepe dolores. dolores sed rerum dicta. harum id aliquid repellendus quam eveniet dolor est qui distinctio sit perspiciatis veritatis ea velit. autem dolor recusandae dolores laudantium. rem mollitia nemo voluptate quia dolorem et exercitationem repellendus quidem et ipsa. error temporibus molestias quo optio
Voluptatum autem ut labore libero ut eos exercitationem. sed consequatur est dolores cupiditate provident quis corrupti est beatae tempora consectetur est voluptas. ut et a et dolore neque mollitia illum enim omnis occaecati ut</p></div></div></li><liclass="accordion__child"><h2id="accordion-a2"data-accordion-triggerclass="accordion__toggle"tabindex="0"role="button"aria-expanded="false"aria-controls="accordion-a2-panel">Id sequi neque</h2><divid="accordion-a2-panel"class="accordion__inner"data-accordion-state="collapsed"aria-labelledby="accordion-a2"aria-hidden="true"role="region"><divclass="accordion__inner-wrapper"><p>Quas rem optio quo doloribus tempore nihil reiciendis voluptatem et provident. beatae nihil similique saepe suscipit possimus rerum eos modi dolore. est voluptatem vel cupiditate adipisci facere consequatur</p></div></div></li><liclass="accordion__child"><h2id="accordion-a3"data-accordion-triggerclass="accordion__toggle"tabindex="0"role="button"aria-expanded="false"aria-controls="accordion-a3-panel">Consequatur voluptatem laboriosam</h2><divid="accordion-a3-panel"class="accordion__inner"data-accordion-state="collapsed"aria-labelledby="accordion-a3"aria-hidden="true"role="region"><divclass="accordion__inner-wrapper"><p>Ea error expedita minus quo quia harum sit saepe sint. iure ut perferendis cupiditate explicabo atque odit quia qui officia. aliquam sit accusantium mollitia quia. est excepturi sed beatae sapiente temporibus adipisci est voluptas deserunt neque magnam
Odio nihil ut sint autem eos est et natus laboriosam dolor culpa quae. provident harum ipsum et quo voluptatem inventore aut. officiis tenetur dolorum velit accusamus eos ut labore harum reprehenderit. cum saepe ea nihil non. nihil dolor at rerum cumque sequi. repellat quisquam ut pariatur perspiciatis cupiditate porro dolor error et sed vel labore mollitia a. quis omnis quas temporibus suscipit ipsum id qui at occaecati nemo qui praesentium
Hic quis quas quisquam maxime magnam eligendi libero. vel officiis tempore dignissimos. similique temporibus et doloribus cupiditate nemo nisi rerum non ut cum hic. ratione ut velit et</p></div></div></li></ul><!-- END widgets/acccordion component -->
Highlight accordion with toggle
To add a highlight to the accordion control tabs simply add the accordion--highlight class to the enclosing ul.
To enable toggling behaviour, add the attribute data-accordion-mode="toggle" to the enclosing ul
Qui cumque ea
Architecto eligendi ea possimus et similique deserunt et quia explicabo omnis nemo at voluptatem. quod alias at iste consequatur culpa fuga aut iusto. libero blanditiis sint omnis inventore at assumenda facilis sed ex
Qui pariatur sint pariatur aut sit sed odio placeat minus eos iusto. nisi veniam ipsa ipsum error minus. qui dolor nemo atque. sequi facere blanditiis in ullam id qui velit. ut suscipit occaecati voluptate. at sunt sed itaque provident consequatur autem repellat mollitia soluta sunt non veniam
Voluptate saepe accusamus
Sit enim quisquam quibusdam magni at impedit quia laudantium et adipisci assumenda sit maxime soluta. repellendus non dolorum reprehenderit ea aliquam ut asperiores. quaerat quasi saepe labore aut pariatur quod. et qui sed quod at iusto aliquid dolore deleniti excepturi eos error reiciendis quo. quia ducimus aut quae aut. expedita dicta ex cupiditate facilis
Accusantium impedit aperiam
Est sunt sed id quis vero esse. velit est eos fuga in omnis libero impedit dignissimos deserunt. omnis quo totam nihil
Autem perspiciatis voluptatem incidunt exercitationem. ducimus cupiditate molestiae temporibus. aut velit repudiandae numquam id quis ea ipsam. consectetur ipsum sequi et maiores ut dolor placeat. doloribus perspiciatis qui officia voluptate non nemo corporis consequatur quis accusamus ut accusamus id repudiandae
Distinctio dignissimos itaque tenetur hic quo. aut dolorem quaerat assumenda aut a animi incidunt. officiis eveniet et voluptas nemo aut. corrupti voluptatem sed reiciendis consequatur minus vel eos quis quo in autem
Markup for highlight accordion
<!-- START widgets/acccordion component --><ulclass="accordion accordion--highlight"data-accordion-controls="true"><liclass="accordion__child"><h2id="accordion-a1"data-accordion-triggerclass="accordion__toggle"tabindex="0"role="button"aria-expanded="false"aria-controls="accordion-a1-panel">Dolorem ut vel</h2><divid="accordion-a1-panel"class="accordion__inner"data-accordion-state="collapsed"aria-labelledby="accordion-a1"aria-hidden="true"role="region"><divclass="accordion__inner-wrapper"><p>Est id dolor incidunt voluptates distinctio cum magni molestiae nobis. eum reprehenderit omnis et iure totam excepturi. aut vero sed id molestiae provident saepe reiciendis ducimus possimus autem explicabo quos provident. rem dolorem vero amet deleniti maiores explicabo odit ipsum tempora qui fuga dolore tempora iure. eaque rem deserunt deserunt rerum aut recusandae enim numquam distinctio praesentium non quae consequatur qui. inventore voluptas sint temporibus laudantium assumenda ducimus qui est inventore voluptatum maiores totam. nemo minus dignissimos a
Recusandae sequi delectus fugiat corporis quae porro vel laudantium error. nulla maxime dolore odio non nemo ut quo ea placeat ea vitae nihil cupiditate. sit fugiat cumque vel voluptatem eum adipisci dolorum doloremque dolore atque neque pariatur assumenda sunt. quisquam dolore placeat voluptas accusantium autem sed qui cum accusantium. incidunt assumenda exercitationem consequatur eum iure deleniti aut sed sunt provident. inventore repudiandae ut inventore et repellat labore quidem quia est quasi perspiciatis magni accusamus</p></div></div></li><liclass="accordion__child"><h2id="accordion-a2"data-accordion-triggerclass="accordion__toggle"tabindex="0"role="button"aria-expanded="false"aria-controls="accordion-a2-panel">Rem omnis sed</h2><divid="accordion-a2-panel"class="accordion__inner"data-accordion-state="collapsed"aria-labelledby="accordion-a2"aria-hidden="true"role="region"><divclass="accordion__inner-wrapper"><p>Nesciunt excepturi veniam distinctio voluptatibus cumque minima odit aut non ea cum est. maxime vitae ipsa provident dolores rerum sed labore voluptates ut. aut reiciendis voluptatem sed necessitatibus aut omnis dolor. aut totam aut aut eaque sint eum eveniet qui facere temporibus quis amet cum. illo expedita dolore nam amet qui explicabo sunt expedita quaerat reprehenderit numquam suscipit. expedita perferendis aliquid voluptas quis laudantium quod. impedit qui rerum quidem</p></div></div></li><liclass="accordion__child"><h2id="accordion-a3"data-accordion-triggerclass="accordion__toggle"tabindex="0"role="button"aria-expanded="false"aria-controls="accordion-a3-panel">Et quis delectus</h2><divid="accordion-a3-panel"class="accordion__inner"data-accordion-state="collapsed"aria-labelledby="accordion-a3"aria-hidden="true"role="region"><divclass="accordion__inner-wrapper"><p>Sit vel aperiam fugit autem ducimus sequi asperiores est eos. omnis eos sit eveniet dolorem quia aliquam beatae dolor odit laborum nobis a. eos eaque ipsam natus delectus atque quasi esse consequuntur rem at sint. mollitia deserunt dolorum temporibus dicta ipsam sed ducimus ducimus voluptates nesciunt temporibus excepturi. aperiam libero sed qui voluptatum ullam et non quod voluptatem
Qui et dicta error. asperiores accusamus laudantium qui saepe natus culpa. libero nobis ea voluptatum qui. odio minus explicabo ut illo sunt ut distinctio et. numquam harum est quod ut voluptates voluptate nisi sint delectus rerum mollitia sit
Sed minus architecto ut quos voluptas unde quas dolor ullam velit aut. voluptates ut consequuntur reiciendis cum fugiat tenetur harum qui commodi ea maiores assumenda sit. blanditiis ratione corporis eius cumque</p></div></div></li></ul><!-- END widgets/acccordion component -->
Accordions with buttons
You can add small buttons to any accordion__toggle element by adding the class accordion__toggle--buttons. You should also wrap the text and button(s) inside the accordion__toggle with <span> tags to maintain the text underline on hover and maintain their alignment when one or more buttons are used.
If you would like the buttons to be on the right of the accordion__toggle simply add the class accordion__toggle--buttons-right.
Please make sure you prevent propagation of any click event on buttons used to prevent them triggering the show/hide of the accordion.
Autem commodi excepturi laboriosam sunt praesentium quia consectetur sunt saepe est aperiam rerum ipsam
Ducimus voluptatem at enim sit. et amet facere quia et molestias voluptates explicabo quam. odio neque aliquam sint magni eius iure libero voluptatum ratione at autem nobis molestiae. eum tenetur modi ea maxime tempora culpa ab est optio explicabo et incidunt architecto ad
Quam dignissimos et provident. illum aut cupiditate sit voluptatem. hic rem velit velit amet ut debitis autem est quae voluptatibus odio et. eum pariatur optio vel quo et repellat. laudantium quod vitae dolore aut quo vel quasi nostrum autem. dolorum animi necessitatibus quo magnam ratione architecto ea nemo. sapiente ad maxime maxime perferendis dolor quia molestias quae beatae et sit vel magni
Eum aliquam eum ut et
Blanditiis dolorem quisquam nihil. qui occaecati velit odit exercitationem. labore corporis sit natus aut laboriosam dolor quisquam eaque est illum. sint eos odio praesentium culpa ex dolores iusto ad. id rerum iusto facere delectus sunt maiores ipsum
Totam dicta deserunt sit quis non quas iste facere laboriosam aut maiores officiis sed
Temporibus repellat commodi quo dolor veniam aut est velit atque laborum delectus eum quaerat. fugiat et eos repudiandae non repudiandae aut ratione eligendi commodi quia non voluptatum. non repellat nihil repellat nesciunt. sed possimus consequatur quis accusantium maxime
Nobis sint dignissimos porro assumenda architecto ut voluptas et et repudiandae tempore asperiores. et numquam et ipsam vitae aut enim rem sed. error iure beatae doloremque laudantium. hic sequi beatae quia hic animi. quasi quibusdam quo vitae ut voluptatem sequi ab sint sed minima sit ipsa ipsam. rem quia porro inventore enim eligendi id atque in consectetur
Impedit voluptas omnis unde maiores. exercitationem inventore nemo reiciendis non omnis expedita voluptas maiores molestiae. quidem modi voluptatem quis at
Markup for accordion with buttons
<!-- START widgets/acccordion-buttons component --><ulclass="accordion accordion--clear"data-accordion-controls="true"><liclass="accordion__child"><divid="accordion-ab1"data-accordion-triggerclass="accordion__toggle accordion__toggle--buttons"tabindex="0"role="button"aria-expanded="false"aria-controls="accordion-ab1-panel"><h2class="accordion__label">Fuga illo dolores quia quasi eligendi quidem eaque consequuntur ipsam accusantium repellat eveniet</h2><spanclass="accordion__buttons"><buttonhref="#"class="button button--small"role="button">Voluptatum</button></span></div><divid="accordion-ab1-panel"class="accordion__inner"data-accordion-state="collapsed"aria-labelledby="accordion-ab1"aria-hidden="true"role="region"><divclass="accordion__inner-wrapper"><p>Et commodi id eos eligendi et qui saepe maxime repellendus voluptate deleniti. sunt neque et ut veritatis porro nesciunt delectus cumque debitis quibusdam aut culpa aliquam maiores. perferendis dolores sapiente earum. quod qui necessitatibus vitae et aut et
Iste libero quia repudiandae ut consequatur soluta id alias ut. eos dolore ducimus sed a architecto incidunt distinctio. autem repellat deserunt amet a</p></div></div></li><liclass="accordion__child"><divid="accordion-ab2"data-accordion-triggerclass="accordion__toggle accordion__toggle--buttons accordion__toggle--buttons-right"tabindex="0"role="button"data-aria-expanded="false"aria-controls="accordion-ab2-panel"><h2class="accordion__label">Iusto dolorum repudiandae quibusdam dolores quis error ab quis</h2><spanclass="accordion__buttons"><buttonhref="#"class="button button--small"role="button">Dolorum</button><buttonhref="#"class="button button--small button--primary"role="button">Voluptatum dolorum</button></span></div><divid="accordion-ab2-panel"class="accordion__inner"data-accordion-state="collapsed"aria-labelledby="accordion-ab2"aria-hidden="true"role="region"><divclass="accordion__inner-wrapper"><p>Dolorem praesentium et et minus ullam ad molestiae delectus officia unde consequatur. sapiente sit voluptate ipsa iure totam animi. qui cum corrupti est facere cupiditate nisi magni. et perspiciatis deserunt ut quasi earum aut ea est laudantium sit occaecati. assumenda hic cumque perspiciatis quia quasi cumque qui culpa assumenda cum animi voluptatibus. autem quasi ex dignissimos facilis omnis ducimus illo consequatur earum officiis ex repellat mollitia excepturi. dolores veniam officia tenetur soluta odit laborum quis veniam labore</p></div></div></li><liclass="accordion__child"><divid="accordion-ab3"data-accordion-triggerclass="accordion__toggle accordion__toggle--buttons accordion__toggle--buttons-right"tabindex="0"role="button"aria-expanded="false"aria-controls="accordion-ab3-panel"><h2class="accordion__label">In officia quasi nostrum modi omnis debitis quia saepe iusto maiores</h2><spanclass="accordion__buttons"><buttonhref="#"class="button button--small"role="button">Voluptatum</button></span></div><divid="accordion-ab3-panel"class="accordion__inner"data-accordion-state="collapsed"aria-labelledby="accordion-ab3"aria-hidden="true"role="region"><divclass="accordion__inner-wrapper"><p>Qui veniam eius sint. occaecati sit voluptas ut voluptate dicta earum vel ea consequatur voluptatum. in amet sunt molestiae repudiandae amet
Eum qui officiis est suscipit voluptatum doloribus fugit voluptate inventore earum libero aliquam sed qui. debitis voluptatum at ut voluptatem recusandae id. quo eos earum accusamus temporibus autem ipsa omnis officiis minus id itaque. dolore doloremque ipsam explicabo est error
Corrupti quas perspiciatis eligendi pariatur odio accusamus nihil ratione qui quia asperiores quod. consequatur minus fuga qui quia libero. qui repudiandae iste optio quasi quia aut qui aut quod minus ut. et dolorem laudantium saepe dolores aut</p></div></div></li></ul><!-- END widgets/acccordion component -->
Accessibility
To ensure accordions remain accessible to screen readers and alternative input devices please pay close attention to the markup examples and refer to the documentation for explanation.
Accordions within prose
Hic ad porro distinctio ut et aspernatur ut aliquam aliquam et eum nulla. quis harum ut at sint aut odio aut enim optio consequatur cupiditate. aliquid veritatis laboriosam at velit. dolorem odio iusto consequatur odit quae et atque consequatur quam eveniet sed harum optio
Consequatur dolorem ut illo labore recusandae voluptates provident quia. sit cum dolores qui aut pariatur vitae. quo reiciendis delectus enim ipsam hic dolor itaque laudantium. dicta esse possimus sit provident quasi.
Qui consequuntur maxime
Quia iusto qui adipisci. fugiat minus voluptas provident et velit vero. ad doloribus blanditiis qui nulla est enim eligendi non dolorem ad quas. eum veritatis rerum nostrum enim et odio rerum quidem quaerat sed nisi
Consectetur distinctio nisi corrupti voluptate est totam natus et enim. natus minima est dolores doloribus distinctio. recusandae similique quia aliquid expedita ut facere sed quibusdam reiciendis. omnis labore architecto omnis sapiente
Nihil aut est
Tenetur voluptatem est ducimus aut voluptatum dolorum dolorem sequi aliquam. facere quis atque voluptatem voluptates facilis earum excepturi doloremque quae delectus. incidunt qui architecto sed assumenda facilis accusantium. non est consectetur quae quod officiis ab nihil voluptatem doloribus voluptas
Alias repellendus dolorem
Est voluptates reprehenderit sapiente architecto. atque quam eaque sit. et culpa et dolore eum. unde accusamus omnis voluptate eum sequi dolor. qui rem atque inventore ut voluptatem incidunt odio placeat suscipit. nobis optio dolor omnis dolor vel unde exercitationem
Id natus omnis magni commodi officiis hic dolore nemo nisi amet quos consequatur. quod et quo voluptatum laborum beatae dolorum. et iure quos error modi quia aut repellat qui. est est fugit labore recusandae. in aperiam aliquid itaque et ut cumque dolore mollitia ut. distinctio ducimus quo ut et et aut aut magnam facere et
Officiis quis nesciunt est et laudantium et vel qui rerum. temporibus velit magnam aut facere sed cupiditate. dicta delectus cumque consequatur voluptatem vitae deleniti dolorum et qui. dolorum consequatur est aut voluptatem aut inventore numquam sed quo est dolor optio repellendus et. veritatis sed dignissimos omnis qui nihil enim
Et quis excepturi ipsum necessitatibus optio velit. et cupiditate quidem eum cumque perferendis a consequatur explicabo itaque dolores itaque optio. necessitatibus et eum quia veniam. consequatur aut nulla corporis velit voluptatibus hic quas est eligendi qui animi laudantium. error quaerat ipsam id. ut illum in tempore nemo. explicabo rem consequatur sint nam iusto delectus et voluptas laboriosam soluta laboriosam adipisci nostrum
Eum reiciendis quia dicta magni aut nisi quibusdam saepe earum ex blanditiis animi et. non aut sed veniam voluptate quidem voluptates quas unde facilis esse. qui sunt aliquid quaerat occaecati perspiciatis quae dolor quisquam magnam nam.
Amet et aliquid
Molestias ad nihil quos dolores cupiditate quam praesentium commodi quia fugit perferendis sunt. eaque aperiam quod est. accusantium at et repudiandae earum quae fuga autem voluptas. natus perferendis vitae quibusdam dolorem impedit. alias omnis minus quis natus impedit sed sint ullam voluptas laboriosam et ipsa quisquam quos. ut ab quis aspernatur omnis vel non temporibus quo dignissimos et temporibus. rem sed dolores nostrum nihil ipsum asperiores aut perspiciatis accusamus tenetur aut maiores
Ex soluta dolorem totam enim assumenda rerum dolor inventore et amet non commodi. facere consequatur aliquam aliquam unde et ut maiores cumque voluptas. nulla autem voluptatibus perferendis provident commodi quae non omnis. perspiciatis aut aliquid esse quisquam aut commodi voluptatem qui esse. eum quidem velit vel aspernatur et at in cum id rerum unde
Sunt qui autem
Asperiores quis et nisi dicta molestiae. sed culpa aut explicabo et dolor voluptatem cum rerum veniam quia. iste dignissimos et repudiandae alias dolores dolorum possimus delectus ut odio veniam quia non iure. debitis consequatur dignissimos dicta molestias dolorem et quia molestiae ut eius qui architecto illo doloremque. excepturi assumenda fuga soluta eius odio laborum perferendis sed veniam maxime nam consequuntur et. quibusdam saepe voluptates consequatur accusamus rerum voluptatem maxime corrupti
Possimus neque enim
Perferendis quisquam necessitatibus qui ut delectus. et delectus est consequatur quas harum quisquam sit qui ipsum voluptas cum accusantium a totam. necessitatibus maiores illum veritatis voluptatem qui non necessitatibus
Ex ut sint molestias maiores explicabo assumenda eos doloremque beatae est ipsam pariatur expedita. vel deserunt iure quo eum cum asperiores quam corrupti repudiandae. et ut odit nostrum eveniet officiis aut atque in et sint nobis. perspiciatis in illum libero rem. quod dolorem aut nihil error eveniet sunt commodi debitis ducimus deserunt animi
Quo et nisi eius voluptatem enim blanditiis aspernatur expedita. vel dolor ea debitis aliquid. nihil accusamus placeat rem nihil mollitia eius nihil quidem tempore et et
Eos suscipit ut qui harum et nihil et rerum ipsum consequatur aperiam fugiat veritatis. porro culpa cupiditate asperiores magnam praesentium ea eum earum quis similique et. qui aut dignissimos et ea. necessitatibus sed sint ea quia dolores velit iste sed
Explicabo omnis rem nemo quam quisquam dolores rerum quam commodi ut sit vel. culpa voluptatem iure id in fuga vitae voluptas similique sit porro quae amet. aspernatur sed nisi veniam fugiat at commodi dignissimos.
Aspernatur quo rerum
Rerum error aspernatur excepturi illum id aut. maiores velit quod qui quam consequuntur odit et quia omnis rem saepe. labore fuga est minima dolores ut nihil quaerat enim et amet omnis quis sed
Quia doloremque dolores consequatur quo tenetur minima id tenetur aperiam eligendi ratione labore quo. aspernatur dolorum ducimus nesciunt. omnis autem unde ad eveniet incidunt qui qui. voluptatem fuga nulla tenetur in ducimus dignissimos sunt esse voluptatem quod earum voluptatum
Alias ab maiores
Aut tenetur aut voluptatum modi aut nesciunt quibusdam nam consequatur vel. eum error nesciunt ipsum esse nisi unde cum magni nulla. delectus aliquam aut in quas qui hic. natus qui ut amet distinctio quis nulla omnis minus perspiciatis officia optio est autem enim
Est rem et
Porro laborum voluptatibus distinctio dignissimos repellendus perspiciatis quia assumenda ipsa repudiandae fugit eligendi non. ipsam aut laborum vitae ipsum expedita optio ut repellendus nam ut aliquam possimus provident. ut doloribus totam itaque quis aut corporis consequuntur vero quo laboriosam sunt sunt officiis alias. voluptatem tenetur adipisci non est vel ratione dolores reiciendis molestiae. inventore eius rem id cumque beatae et impedit pariatur. aut voluptatem rerum et et tempora quasi nihil hic exercitationem et at libero enim. molestias quae aut unde ipsum beatae exercitationem impedit explicabo
Laudantium ducimus harum unde. iusto voluptas et inventore. excepturi aut quasi nulla dolorem sit et perspiciatis voluptas ex adipisci nemo consequuntur non
Voluptas illo eos quam non et porro tempore sunt possimus architecto. aut odio sequi possimus odio est possimus provident repellendus fuga voluptatem. a quia sunt nihil pariatur. a officia voluptas reprehenderit quam iure minus. odit delectus aperiam reiciendis excepturi nihil ab porro repudiandae iste et. facilis incidunt totam sit dicta. et aut esse nesciunt voluptate repellat perferendis quibusdam non illo praesentium perspiciatis sit
Occaecati magnam similique dolorem explicabo quo eaque et voluptate aspernatur molestiae quia nisi. laboriosam non laborum sed minima sequi autem alias amet asperiores sit. fugiat ipsa iure vel aut sint velit unde. autem tempora ut non fugiat ab error aperiam molestias aut alias ab. accusamus laborum vel sint qui fugiat atque
Architecto perspiciatis labore sunt sapiente ut. eveniet in rerum sit. quasi ullam earum dolor sed assumenda vero aliquid. nostrum modi sed explicabo ea eligendi fugit asperiores veritatis. molestias blanditiis cupiditate aliquam perferendis velit dolore rem ullam et. aspernatur quae ipsam enim eveniet sed aut vitae eius.
Mollitia ut blanditiis
Quidem minus placeat non mollitia rerum nihil at pariatur minima dolore illum vel. esse iusto ducimus consequatur voluptatem laboriosam et porro. quo delectus et veniam maiores dolorem corrupti facilis deleniti quisquam laboriosam tempora necessitatibus cupiditate voluptas. amet ut assumenda est placeat ipsum veniam odio. animi adipisci quia laudantium necessitatibus est quo illo accusamus qui quam quibusdam et eum. inventore deserunt et est illo qui dolores qui molestiae autem. at voluptatem pariatur aut enim ut itaque et tenetur
Sunt ratione alias quaerat odio cupiditate aut quo ea a commodi est dignissimos est occaecati. repellat dignissimos cum et error perspiciatis. autem deleniti doloremque in ex natus impedit culpa. ut et quisquam et ex dolorem sit sit cumque consequatur. quis odit odit porro dolor numquam qui in magni est quas odit. necessitatibus exercitationem libero sint quisquam sunt
Voluptatem totam hic
Voluptatibus omnis dolorem porro placeat culpa consequuntur eius enim rem. quia repellat aut aspernatur in non et ratione dignissimos ratione corporis esse. fuga placeat quia debitis distinctio enim sed aspernatur sit. itaque nisi corrupti minima iure porro dolorum. neque pariatur iusto dolorem nisi repellendus at voluptas facere voluptatem. voluptatibus fugiat repudiandae tempora sed
Et explicabo laboriosam
Laudantium at rerum sapiente totam illum. culpa libero consequatur qui veritatis consequatur consequatur modi tempore libero eum nihil. recusandae sunt nulla pariatur. sequi non et vel facere itaque qui. odio dolores distinctio illum id fugiat omnis ut perferendis officiis
Et ullam veniam voluptatem iusto ut et temporibus. ut quae nisi nostrum omnis aut. ipsum ut non aut velit laboriosam similique corporis ut nulla. quas distinctio eaque expedita eaque esse. odio deserunt autem et doloribus quia minus nam. adipisci fugit optio blanditiis. voluptas sapiente nostrum itaque aliquam eum doloremque
Exercitationem qui est et magni enim. in qui occaecati blanditiis distinctio accusamus vel consequuntur aspernatur consequatur. est quasi dolorum ut aut voluptatum eum omnis
Temporibus eaque voluptate officiis autem consequatur. perspiciatis inventore reprehenderit dignissimos sequi et enim facere assumenda tempore praesentium enim. aut enim consequatur aut ipsa. labore nihil voluptatem assumenda accusantium velit voluptatem voluptatibus perspiciatis quaerat repellendus error totam tempora. autem velit aut excepturi ut laudantium ipsa cum nostrum quis
Odio provident qui fuga consequatur nesciunt nobis non id qui. veritatis illo nihil quia est explicabo id. non quos vitae corrupti dignissimos eligendi officiis. minima rerum eligendi dicta saepe veritatis numquam doloremque ad reprehenderit. quia dolores dolor accusamus sapiente mollitia deleniti. vero sit dolor adipisci sed veritatis.