.list_box .icon{display:inline-flex;flex-grow:0;flex-shrink:0;align-items:center;justify-content:center;width:calc(2 * var(--height-icon));height:calc(2 * var(--height-icon));margin:0 0 calc(var(--gap-heading) + 10px);border-radius:50%;background-color:var(--color-icon)}.list_box .icon[data-animation]:before{display:none}.list_box .icon[data-animation] svg{width:auto;max-width:100%;height:auto;max-height:100%}.list_box .icon:last-child{margin-bottom:0}.list_box .icon:before{content:'';display:block;width:var(--height-icon);height:var(--height-icon);background-color:var(--color-heading);-webkit-mask:var(--mask-image) 50% 50%/contain no-repeat}@counter-style pad-list{system:extends decimal;pad:2 "0"}.list_box{--height-icon: 28px;--width-item: 100%;--gap-card: 30px}.list_box:not(.compact){--width-contents: 40rem}.list_box.compact>.fixed>.contents{margin-right:auto;margin-left:auto;text-align:center}.list_box.compact .items{margin-right:auto;margin-left:auto;max-width:var(--width-contents)}.list_box .icon{margin-bottom:var(--gap-button);--color-icon: var(--color-background)}.list_box .icon_1{--color-icon: #E1EAFF}.list_box .icon_2{--color-icon: #87ECDF}.list_box .icon_3{--color-icon: #FFF1D0}.list_box .items{display:flex;flex-wrap:wrap;margin:0;counter-reset:list-item}.list_box .items+.buttons{margin-top:var(--gap-contents);text-align:center}.list_box .items.accordion .item{--card-header-height: calc(var(--gap-card) * 2 + var(--size-h1));--card-width: 100%;padding-top:var(--card-header-height);transition:all .2s ease-in-out}.list_box .items.accordion .item:has(>.section .contents>h2){--card-header-height: calc(var(--gap-card) * 2 + var(--size-h2))}.list_box .items.accordion .item:has(>.section .contents>h3){--card-header-height: calc(var(--gap-card) * 2 + var(--size-h3))}.list_box .items.accordion .item:has(>.section+.section){--card-width: 200%}.list_box .items.accordion .item:not(:has(>.section .contents>.active)){max-height:0 !important;padding-bottom:0 !important}.list_box .items.accordion .section{justify-content:flex-start}.list_box .items.accordion .section .contents>h1,.list_box .items.accordion .section .contents h2,.list_box .items.accordion .section .contents h3{display:grid;grid-template-columns:calc(2 * var(--gap-card)) 1fr calc(2 * var(--gap-card));align-items:center;position:absolute;top:calc(-1 * var(--card-header-height));left:0;width:var(--card-width);background:var(--theme-background);cursor:pointer;height:var(--card-header-height)}.list_box .items.accordion .section .contents>h1:before,.list_box .items.accordion .section .contents h2:before,.list_box .items.accordion .section .contents h3:before{content:counter(list-item, pad-list);color:var(--theme-background);text-shadow:1px 1px 0 var(--color-heading),-1px 1px 0 var(--color-heading),-1px -1px 0 var(--color-heading),1px -1px 0 var(--color-heading);justify-self:center}.list_box .items.accordion .section .contents>h1:after,.list_box .items.accordion .section .contents h2:after,.list_box .items.accordion .section .contents h3:after{content:'';display:block;width:1em;height:1em;background-color:currentColor;mask:url(../../images/ico_gravity_add.svg) 50% 50%/contain no-repeat;justify-self:center}.list_box .items.accordion .section .contents>h1.active:after,.list_box .items.accordion .section .contents h2.active:after,.list_box .items.accordion .section .contents h3.active:after{mask:url(../../images/ico_gravity_remove.svg) 50% 50%/contain no-repeat}.list_box .item{display:flex;flex-direction:row;margin:0 0 var(--gap-grid-y);border:1px solid var(--color-border);border-radius:var(--radius-regular);counter-increment:list-item;overflow:hidden}.list_box .item:last-child{margin-bottom:0}.list_box .section{display:flex;position:relative;flex-basis:50%;flex-direction:column;flex-grow:1;align-items:flex-start;justify-content:center;padding:var(--gap-card)}.list_box .section:after{content:'';position:absolute;top:var(--gap-card);right:0;bottom:var(--gap-card);border-right:1px solid var(--color-border)}.list_box .section:last-child:after{border-right-color:transparent}.list_box .section .contents{max-width:none;padding:0 var(--gap-card);margin:0}.list_box .image{align-self:stretch;font-size:0;line-height:0;text-align:center}.list_box .image img{display:inline;max-width:100%;height:auto}.list_box .animation{display:block;max-width:100%;margin:0 auto;font-size:0;line-height:0;text-align:center}.list_box .animation svg{display:inline-block;max-width:100%;height:auto}@media (max-width: 88.75rem){.list_box{--gap-card: 30px}}@media (max-width: 64rem){.list_box{--gap-card: 20px}.list_box .section .contents{padding:0}}@media (max-width: 40rem){.list_box .items.accordion .item,.list_box .items.accordion .item:has(>.section+.section){--card-width: calc(100% + 2 * var(--gap-section-side))}.list_box .items.accordion .section .contents h1,.list_box .items.accordion .section .contents h2,.list_box .items.accordion .section .contents h3{left:calc(-1 * var(--gap-section-side))}.list_box .item{flex-direction:column;padding:calc(var(--gap-card) + 10px) var(--gap-section-side);text-align:center;gap:calc(var(--gap-card) + 10px)}.list_box .section{padding:0}.list_box .section:after{display:none}}

/*# sourceMappingURL=list.css.map */