daisyui/components/collapse.css

daisyUI 5 - The Tailwind CSS Component Library

/*! 🌼 daisyUI 5.6.3 - MIT License */ @layer utilities{.collapse:not(td,tr,colgroup){visibility:revert-layer}.collapse{@layer daisyui.l1.l2.l3{border-radius:var(--radius-box,1rem);isolation:isolate;grid-template-rows:max-content 0fr;grid-template-columns:minmax(0,1fr);width:100%;display:grid;position:relative;@media (prefers-reduced-motion:no-preference){transition:grid-template-rows .2s}&>input:is([type=checkbox],[type=radio]){appearance:none;opacity:0;grid-row-start:1;grid-column-start:1}&:is([open],[tabindex]:focus:not(.collapse-close),[tabindex]:focus-within:not(.collapse-close)),&:not(.collapse-close):has(>input:is([type=checkbox],[type=radio]):checked){grid-template-rows:max-content 1fr}&:is([open],[tabindex]:focus:not(.collapse-close),[tabindex]:focus-within:not(.collapse-close))>.collapse-content,&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){--overflow-delay:.2s;overflow:revert-layer;content-visibility:visible;min-height:fit-content;@supports not (content-visibility:visible){visibility:visible}}&:focus-visible,&:has(>input:is([type=checkbox],[type=radio]):focus-visible),&:has(summary:focus-visible){outline-color:var(--color-base-content);outline-offset:2px;outline-width:2px;outline-style:solid}&:not(.collapse-close){&>input[type=checkbox],&>input[type=radio]:not(:checked),&>.collapse-title{cursor:pointer}}&[tabindex]:focus:not(.collapse-close,.collapse[open]),&[tabindex]:focus-within:not(.collapse-close,.collapse[open]){&>.collapse-title{cursor:unset}}&:is([open],[tabindex]:focus:not(.collapse-close),[tabindex]:focus-within:not(.collapse-close))>:where(.collapse-content),&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){padding-bottom:1rem}&>input:is([type=checkbox],[type=radio]){z-index:1;padding:1rem;width:100%;min-height:1lh;padding-inline-end:3rem;transition:background-color .2s ease-out}&:is(details){width:100%;&::details-content{--overflow-delay:0s;height:0;overflow:clip}@media (prefers-reduced-motion:no-preference){&::details-content{transition:overflow .2s allow-discrete var(--overflow-delay), content-visibility .2s allow-discrete, visibility .2s allow-discrete, min-height .2s ease-out allow-discrete, padding .1s ease-out 20ms, background-color .2s ease-out, height .2s;interpolate-size:allow-keywords}&:where([open])::details-content{--overflow-delay:.2s;height:auto;overflow:revert-layer}}&>summary{outline:none;display:block;position:relative;&::-webkit-details-marker{display:none}}}}@layer daisyui.l1.l2{&[open]{&.collapse-arrow{&>.collapse-title:after{@media (prefers-reduced-motion:no-preference){transform:translateY(-50%)rotate(225deg)}}}}&.collapse-open{&.collapse-arrow{&>.collapse-title:after{@media (prefers-reduced-motion:no-preference){transform:translateY(-50%)rotate(225deg)}}}}&[tabindex].collapse-arrow:focus:not(.collapse-close),&.collapse-arrow[tabindex]:focus-within:not(.collapse-close){&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&.collapse-arrow:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&[open]{&.collapse-plus{&>.collapse-title:after{--tw-content:"−";content:var(--tw-content)}}}&.collapse-open{&.collapse-plus{&>.collapse-title:after{--tw-content:"−";content:var(--tw-content)}}}&[tabindex].collapse-plus:focus:not(.collapse-close){&>.collapse-title:after{--tw-content:"−";content:var(--tw-content)}}&.collapse-plus:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{--tw-content:"−";content:var(--tw-content)}}}}.collapse-content{@layer daisyui.l1.l2.l3{--overflow-delay:0s;content-visibility:hidden;min-height:0;cursor:unset;grid-row-start:2;grid-column-start:1;padding-left:1rem;padding-right:1rem;overflow:clip;@supports not (content-visibility:hidden){visibility:hidden}@media (prefers-reduced-motion:no-preference){transition:overflow .2s allow-discrete var(--overflow-delay), content-visibility .2s allow-discrete, visibility .2s allow-discrete, min-height .2s ease-out allow-discrete, padding .1s ease-out 20ms, background-color .2s ease-out}details>&{content-visibility:visible}}}.collapse-arrow{@layer daisyui.l1.l2{&>.collapse-title:after{width:.5rem;height:.5rem;display:block;position:absolute;transform:translateY(-100%)rotate(45deg);@media (prefers-reduced-motion:no-preference){transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}top:50%;content:"";transform-origin:75% 75%;pointer-events:none;inset-inline-end:1.4rem;box-shadow:2px 2px}}}.collapse-plus{@layer daisyui.l1.l2{&>.collapse-title:after{width:.5rem;height:.5rem;display:block;position:absolute;@media (prefers-reduced-motion:no-preference){transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}top:.9rem;--tw-content:"+";content:var(--tw-content);pointer-events:none;inset-inline-end:1.4rem}}}.collapse-title{@layer daisyui.l1.l2.l3{padding:1rem;grid-row-start:1;grid-column-start:1;width:100%;min-height:1lh;padding-inline-end:3rem;transition:background-color .2s ease-out;position:relative}}.collapse-open{@layer daisyui.l1.l2{grid-template-rows:max-content 1fr;&>.collapse-content{--overflow-delay:.2s;overflow:revert-layer;content-visibility:visible;min-height:fit-content;padding-bottom:1rem;@supports not (content-visibility:visible){visibility:visible}}}}@media (width>=640px){.sm\:collapse:not(td,tr,colgroup){visibility:revert-layer}.sm\:collapse{@layer daisyui.l1.l2.l3{border-radius:var(--radius-box,1rem);isolation:isolate;grid-template-rows:max-content 0fr;grid-template-columns:minmax(0,1fr);width:100%;display:grid;position:relative;@media (prefers-reduced-motion:no-preference){transition:grid-template-rows .2s}&>input:is([type=checkbox],[type=radio]){appearance:none;opacity:0;grid-row-start:1;grid-column-start:1}&:is([open],[tabindex]:focus:not(.collapse-close),[tabindex]:focus-within:not(.collapse-close)),&:not(.collapse-close):has(>input:is([type=checkbox],[type=radio]):checked){grid-template-rows:max-content 1fr}&:is([open],[tabindex]:focus:not(.collapse-close),[tabindex]:focus-within:not(.collapse-close))>.collapse-content,&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){--overflow-delay:.2s;overflow:revert-layer;content-visibility:visible;min-height:fit-content;@supports not (content-visibility:visible){visibility:visible}}&:focus-visible,&:has(>input:is([type=checkbox],[type=radio]):focus-visible),&:has(summary:focus-visible){outline-color:var(--color-base-content);outline-offset:2px;outline-width:2px;outline-style:solid}&:not(.collapse-close){&>input[type=checkbox],&>input[type=radio]:not(:checked),&>.collapse-title{cursor:pointer}}&[tabindex]:focus:not(.collapse-close,.collapse[open]),&[tabindex]:focus-within:not(.collapse-close,.collapse[open]){&>.collapse-title{cursor:unset}}&:is([open],[tabindex]:focus:not(.collapse-close),[tabindex]:focus-within:not(.collapse-close))>:where(.collapse-content),&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){padding-bottom:1rem}&>input:is([type=checkbox],[type=radio]){z-index:1;padding:1rem;width:100%;min-height:1lh;padding-inline-end:3rem;transition:background-color .2s ease-out}&:is(details){width:100%;&::details-content{--overflow-delay:0s;height:0;overflow:clip}@media (prefers-reduced-motion:no-preference){&::details-content{transition:overflow .2s allow-discrete var(--overflow-delay), content-visibility .2s allow-discrete, visibility .2s allow-discrete, min-height .2s ease-out allow-discrete, padding .1s ease-out 20ms, background-color .2s ease-out, height .2s;interpolate-size:allow-keywords}&:where([open])::details-content{--overflow-delay:.2s;height:auto;overflow:revert-layer}}&>summary{outline:none;display:block;position:relative;&::-webkit-details-marker{display:none}}}}@layer daisyui.l1.l2{&[open]{&.collapse-arrow{&>.collapse-title:after{@media (prefers-reduced-motion:no-preference){transform:translateY(-50%)rotate(225deg)}}}}&.collapse-open{&.collapse-arrow{&>.collapse-title:after{@media (prefers-reduced-motion:no-preference){transform:translateY(-50%)rotate(225deg)}}}}&[tabindex].collapse-arrow:focus:not(.collapse-close),&.collapse-arrow[tabindex]:focus-within:not(.collapse-close){&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&.collapse-arrow:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&[open]{&.collapse-plus{&>.collapse-title:after{--tw-content:"−";content:var(--tw-content)}}}&.collapse-open{&.collapse-plus{&>.collapse-title:after{--tw-content:"−";content:var(--tw-content)}}}&[tabindex].collapse-plus:focus:not(.collapse-close){&>.collapse-title:after{--tw-content:"−";content:var(--tw-content)}}&.collapse-plus:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{--tw-content:"−";content:var(--tw-content)}}}}.sm\:collapse-content{@layer daisyui.l1.l2.l3{--overflow-delay:0s;content-visibility:hidden;min-height:0;cursor:unset;grid-row-start:2;grid-column-start:1;padding-left:1rem;padding-right:1rem;overflow:clip;@supports not (content-visibility:hidden){visibility:hidden}@media (prefers-reduced-motion:no-preference){transition:overflow .2s allow-discrete var(--overflow-delay), content-visibility .2s allow-discrete, visibility .2s allow-discrete, min-height .2s ease-out allow-discrete, padding .1s ease-out 20ms, background-color .2s ease-out}details>&{content-visibility:visible}}}.sm\:collapse-arrow{@layer daisyui.l1.l2{&>.collapse-title:after{width:.5rem;height:.5rem;display:block;position:absolute;transform:translateY(-100%)rotate(45deg);@media (prefers-reduced-motion:no-preference){transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}top:50%;content:"";transform-origin:75% 75%;pointer-events:none;inset-inline-end:1.4rem;box-shadow:2px 2px}}}.sm\:collapse-plus{@layer daisyui.l1.l2{&>.collapse-title:after{width:.5rem;height:.5rem;display:block;position:absolute;@media (prefers-reduced-motion:no-preference){transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}top:.9rem;--tw-content:"+";content:var(--tw-content);pointer-events:none;inset-inline-end:1.4rem}}}.sm\:collapse-title{@layer daisyui.l1.l2.l3{padding:1rem;grid-row-start:1;grid-column-start:1;width:100%;min-height:1lh;padding-inline-end:3rem;transition:background-color .2s ease-out;position:relative}}.sm\:collapse-open{@layer daisyui.l1.l2{grid-template-rows:max-content 1fr;&>.collapse-content{--overflow-delay:.2s;overflow:revert-layer;content-visibility:visible;min-height:fit-content;padding-bottom:1rem;@supports not (content-visibility:visible){visibility:visible}}}}}@media (width>=768px){.md\:collapse:not(td,tr,colgroup){visibility:revert-layer}.md\:collapse{@layer daisyui.l1.l2.l3{border-radius:var(--radius-box,1rem);isolation:isolate;grid-template-rows:max-content 0fr;grid-template-columns:minmax(0,1fr);width:100%;display:grid;position:relative;@media (prefers-reduced-motion:no-preference){transition:grid-template-rows .2s}&>input:is([type=checkbox],[type=radio]){appearance:none;opacity:0;grid-row-start:1;grid-column-start:1}&:is([open],[tabindex]:focus:not(.collapse-close),[tabindex]:focus-within:not(.collapse-close)),&:not(.collapse-close):has(>input:is([type=checkbox],[type=radio]):checked){grid-template-rows:max-content 1fr}&:is([open],[tabindex]:focus:not(.collapse-close),[tabindex]:focus-within:not(.collapse-close))>.collapse-content,&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){--overflow-delay:.2s;overflow:revert-layer;content-visibility:visible;min-height:fit-content;@supports not (content-visibility:visible){visibility:visible}}&:focus-visible,&:has(>input:is([type=checkbox],[type=radio]):focus-visible),&:has(summary:focus-visible){outline-color:var(--color-base-content);outline-offset:2px;outline-width:2px;outline-style:solid}&:not(.collapse-close){&>input[type=checkbox],&>input[type=radio]:not(:checked),&>.collapse-title{cursor:pointer}}&[tabindex]:focus:not(.collapse-close,.collapse[open]),&[tabindex]:focus-within:not(.collapse-close,.collapse[open]){&>.collapse-title{cursor:unset}}&:is([open],[tabindex]:focus:not(.collapse-close),[tabindex]:focus-within:not(.collapse-close))>:where(.collapse-content),&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){padding-bottom:1rem}&>input:is([type=checkbox],[type=radio]){z-index:1;padding:1rem;width:100%;min-height:1lh;padding-inline-end:3rem;transition:background-color .2s ease-out}&:is(details){width:100%;&::details-content{--overflow-delay:0s;height:0;overflow:clip}@media (prefers-reduced-motion:no-preference){&::details-content{transition:overflow .2s allow-discrete var(--overflow-delay), content-visibility .2s allow-discrete, visibility .2s allow-discrete, min-height .2s ease-out allow-discrete, padding .1s ease-out 20ms, background-color .2s ease-out, height .2s;interpolate-size:allow-keywords}&:where([open])::details-content{--overflow-delay:.2s;height:auto;overflow:revert-layer}}&>summary{outline:none;display:block;position:relative;&::-webkit-details-marker{display:none}}}}@layer daisyui.l1.l2{&[open]{&.collapse-arrow{&>.collapse-title:after{@media (prefers-reduced-motion:no-preference){transform:translateY(-50%)rotate(225deg)}}}}&.collapse-open{&.collapse-arrow{&>.collapse-title:after{@media (prefers-reduced-motion:no-preference){transform:translateY(-50%)rotate(225deg)}}}}&[tabindex].collapse-arrow:focus:not(.collapse-close),&.collapse-arrow[tabindex]:focus-within:not(.collapse-close){&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&.collapse-arrow:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&[open]{&.collapse-plus{&>.collapse-title:after{--tw-content:"−";content:var(--tw-content)}}}&.collapse-open{&.collapse-plus{&>.collapse-title:after{--tw-content:"−";content:var(--tw-content)}}}&[tabindex].collapse-plus:focus:not(.collapse-close){&>.collapse-title:after{--tw-content:"−";content:var(--tw-content)}}&.collapse-plus:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{--tw-content:"−";content:var(--tw-content)}}}}.md\:collapse-content{@layer daisyui.l1.l2.l3{--overflow-delay:0s;content-visibility:hidden;min-height:0;cursor:unset;grid-row-start:2;grid-column-start:1;padding-left:1rem;padding-right:1rem;overflow:clip;@supports not (content-visibility:hidden){visibility:hidden}@media (prefers-reduced-motion:no-preference){transition:overflow .2s allow-discrete var(--overflow-delay), content-visibility .2s allow-discrete, visibility .2s allow-discrete, min-height .2s ease-out allow-discrete, padding .1s ease-out 20ms, background-color .2s ease-out}details>&{content-visibility:visible}}}.md\:collapse-arrow{@layer daisyui.l1.l2{&>.collapse-title:after{width:.5rem;height:.5rem;display:block;position:absolute;transform:translateY(-100%)rotate(45deg);@media (prefers-reduced-motion:no-preference){transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}top:50%;content:"";transform-origin:75% 75%;pointer-events:none;inset-inline-end:1.4rem;box-shadow:2px 2px}}}.md\:collapse-plus{@layer daisyui.l1.l2{&>.collapse-title:after{width:.5rem;height:.5rem;display:block;position:absolute;@media (prefers-reduced-motion:no-preference){transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}top:.9rem;--tw-content:"+";content:var(--tw-content);pointer-events:none;inset-inline-end:1.4rem}}}.md\:collapse-title{@layer daisyui.l1.l2.l3{padding:1rem;grid-row-start:1;grid-column-start:1;width:100%;min-height:1lh;padding-inline-end:3rem;transition:background-color .2s ease-out;position:relative}}.md\:collapse-open{@layer daisyui.l1.l2{grid-template-rows:max-content 1fr;&>.collapse-content{--overflow-delay:.2s;overflow:revert-layer;content-visibility:visible;min-height:fit-content;padding-bottom:1rem;@supports not (content-visibility:visible){visibility:visible}}}}}@media (width>=1024px){.lg\:collapse:not(td,tr,colgroup){visibility:revert-layer}.lg\:collapse{@layer daisyui.l1.l2.l3{border-radius:var(--radius-box,1rem);isolation:isolate;grid-template-rows:max-content 0fr;grid-template-columns:minmax(0,1fr);width:100%;display:grid;position:relative;@media (prefers-reduced-motion:no-preference){transition:grid-template-rows .2s}&>input:is([type=checkbox],[type=radio]){appearance:none;opacity:0;grid-row-start:1;grid-column-start:1}&:is([open],[tabindex]:focus:not(.collapse-close),[tabindex]:focus-within:not(.collapse-close)),&:not(.collapse-close):has(>input:is([type=checkbox],[type=radio]):checked){grid-template-rows:max-content 1fr}&:is([open],[tabindex]:focus:not(.collapse-close),[tabindex]:focus-within:not(.collapse-close))>.collapse-content,&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){--overflow-delay:.2s;overflow:revert-layer;content-visibility:visible;min-height:fit-content;@supports not (content-visibility:visible){visibility:visible}}&:focus-visible,&:has(>input:is([type=checkbox],[type=radio]):focus-visible),&:has(summary:focus-visible){outline-color:var(--color-base-content);outline-offset:2px;outline-width:2px;outline-style:solid}&:not(.collapse-close){&>input[type=checkbox],&>input[type=radio]:not(:checked),&>.collapse-title{cursor:pointer}}&[tabindex]:focus:not(.collapse-close,.collapse[open]),&[tabindex]:focus-within:not(.collapse-close,.collapse[open]){&>.collapse-title{cursor:unset}}&:is([open],[tabindex]:focus:not(.collapse-close),[tabindex]:focus-within:not(.collapse-close))>:where(.collapse-content),&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){padding-bottom:1rem}&>input:is([type=checkbox],[type=radio]){z-index:1;padding:1rem;width:100%;min-height:1lh;padding-inline-end:3rem;transition:background-color .2s ease-out}&:is(details){width:100%;&::details-content{--overflow-delay:0s;height:0;overflow:clip}@media (prefers-reduced-motion:no-preference){&::details-content{transition:overflow .2s allow-discrete var(--overflow-delay), content-visibility .2s allow-discrete, visibility .2s allow-discrete, min-height .2s ease-out allow-discrete, padding .1s ease-out 20ms, background-color .2s ease-out, height .2s;interpolate-size:allow-keywords}&:where([open])::details-content{--overflow-delay:.2s;height:auto;overflow:revert-layer}}&>summary{outline:none;display:block;position:relative;&::-webkit-details-marker{display:none}}}}@layer daisyui.l1.l2{&[open]{&.collapse-arrow{&>.collapse-title:after{@media (prefers-reduced-motion:no-preference){transform:translateY(-50%)rotate(225deg)}}}}&.collapse-open{&.collapse-arrow{&>.collapse-title:after{@media (prefers-reduced-motion:no-preference){transform:translateY(-50%)rotate(225deg)}}}}&[tabindex].collapse-arrow:focus:not(.collapse-close),&.collapse-arrow[tabindex]:focus-within:not(.collapse-close){&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&.collapse-arrow:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&[open]{&.collapse-plus{&>.collapse-title:after{--tw-content:"−";content:var(--tw-content)}}}&.collapse-open{&.collapse-plus{&>.collapse-title:after{--tw-content:"−";content:var(--tw-content)}}}&[tabindex].collapse-plus:focus:not(.collapse-close){&>.collapse-title:after{--tw-content:"−";content:var(--tw-content)}}&.collapse-plus:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{--tw-content:"−";content:var(--tw-content)}}}}.lg\:collapse-content{@layer daisyui.l1.l2.l3{--overflow-delay:0s;content-visibility:hidden;min-height:0;cursor:unset;grid-row-start:2;grid-column-start:1;padding-left:1rem;padding-right:1rem;overflow:clip;@supports not (content-visibility:hidden){visibility:hidden}@media (prefers-reduced-motion:no-preference){transition:overflow .2s allow-discrete var(--overflow-delay), content-visibility .2s allow-discrete, visibility .2s allow-discrete, min-height .2s ease-out allow-discrete, padding .1s ease-out 20ms, background-color .2s ease-out}details>&{content-visibility:visible}}}.lg\:collapse-arrow{@layer daisyui.l1.l2{&>.collapse-title:after{width:.5rem;height:.5rem;display:block;position:absolute;transform:translateY(-100%)rotate(45deg);@media (prefers-reduced-motion:no-preference){transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}top:50%;content:"";transform-origin:75% 75%;pointer-events:none;inset-inline-end:1.4rem;box-shadow:2px 2px}}}.lg\:collapse-plus{@layer daisyui.l1.l2{&>.collapse-title:after{width:.5rem;height:.5rem;display:block;position:absolute;@media (prefers-reduced-motion:no-preference){transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}top:.9rem;--tw-content:"+";content:var(--tw-content);pointer-events:none;inset-inline-end:1.4rem}}}.lg\:collapse-title{@layer daisyui.l1.l2.l3{padding:1rem;grid-row-start:1;grid-column-start:1;width:100%;min-height:1lh;padding-inline-end:3rem;transition:background-color .2s ease-out;position:relative}}.lg\:collapse-open{@layer daisyui.l1.l2{grid-template-rows:max-content 1fr;&>.collapse-content{--overflow-delay:.2s;overflow:revert-layer;content-visibility:visible;min-height:fit-content;padding-bottom:1rem;@supports not (content-visibility:visible){visibility:visible}}}}}@media (width>=1280px){.xl\:collapse:not(td,tr,colgroup){visibility:revert-layer}.xl\:collapse{@layer daisyui.l1.l2.l3{border-radius:var(--radius-box,1rem);isolation:isolate;grid-template-rows:max-content 0fr;grid-template-columns:minmax(0,1fr);width:100%;display:grid;position:relative;@media (prefers-reduced-motion:no-preference){transition:grid-template-rows .2s}&>input:is([type=checkbox],[type=radio]){appearance:none;opacity:0;grid-row-start:1;grid-column-start:1}&:is([open],[tabindex]:focus:not(.collapse-close),[tabindex]:focus-within:not(.collapse-close)),&:not(.collapse-close):has(>input:is([type=checkbox],[type=radio]):checked){grid-template-rows:max-content 1fr}&:is([open],[tabindex]:focus:not(.collapse-close),[tabindex]:focus-within:not(.collapse-close))>.collapse-content,&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){--overflow-delay:.2s;overflow:revert-layer;content-visibility:visible;min-height:fit-content;@supports not (content-visibility:visible){visibility:visible}}&:focus-visible,&:has(>input:is([type=checkbox],[type=radio]):focus-visible),&:has(summary:focus-visible){outline-color:var(--color-base-content);outline-offset:2px;outline-width:2px;outline-style:solid}&:not(.collapse-close){&>input[type=checkbox],&>input[type=radio]:not(:checked),&>.collapse-title{cursor:pointer}}&[tabindex]:focus:not(.collapse-close,.collapse[open]),&[tabindex]:focus-within:not(.collapse-close,.collapse[open]){&>.collapse-title{cursor:unset}}&:is([open],[tabindex]:focus:not(.collapse-close),[tabindex]:focus-within:not(.collapse-close))>:where(.collapse-content),&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){padding-bottom:1rem}&>input:is([type=checkbox],[type=radio]){z-index:1;padding:1rem;width:100%;min-height:1lh;padding-inline-end:3rem;transition:background-color .2s ease-out}&:is(details){width:100%;&::details-content{--overflow-delay:0s;height:0;overflow:clip}@media (prefers-reduced-motion:no-preference){&::details-content{transition:overflow .2s allow-discrete var(--overflow-delay), content-visibility .2s allow-discrete, visibility .2s allow-discrete, min-height .2s ease-out allow-discrete, padding .1s ease-out 20ms, background-color .2s ease-out, height .2s;interpolate-size:allow-keywords}&:where([open])::details-content{--overflow-delay:.2s;height:auto;overflow:revert-layer}}&>summary{outline:none;display:block;position:relative;&::-webkit-details-marker{display:none}}}}@layer daisyui.l1.l2{&[open]{&.collapse-arrow{&>.collapse-title:after{@media (prefers-reduced-motion:no-preference){transform:translateY(-50%)rotate(225deg)}}}}&.collapse-open{&.collapse-arrow{&>.collapse-title:after{@media (prefers-reduced-motion:no-preference){transform:translateY(-50%)rotate(225deg)}}}}&[tabindex].collapse-arrow:focus:not(.collapse-close),&.collapse-arrow[tabindex]:focus-within:not(.collapse-close){&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&.collapse-arrow:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&[open]{&.collapse-plus{&>.collapse-title:after{--tw-content:"−";content:var(--tw-content)}}}&.collapse-open{&.collapse-plus{&>.collapse-title:after{--tw-content:"−";content:var(--tw-content)}}}&[tabindex].collapse-plus:focus:not(.collapse-close){&>.collapse-title:after{--tw-content:"−";content:var(--tw-content)}}&.collapse-plus:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{--tw-content:"−";content:var(--tw-content)}}}}.xl\:collapse-content{@layer daisyui.l1.l2.l3{--overflow-delay:0s;content-visibility:hidden;min-height:0;cursor:unset;grid-row-start:2;grid-column-start:1;padding-left:1rem;padding-right:1rem;overflow:clip;@supports not (content-visibility:hidden){visibility:hidden}@media (prefers-reduced-motion:no-preference){transition:overflow .2s allow-discrete var(--overflow-delay), content-visibility .2s allow-discrete, visibility .2s allow-discrete, min-height .2s ease-out allow-discrete, padding .1s ease-out 20ms, background-color .2s ease-out}details>&{content-visibility:visible}}}.xl\:collapse-arrow{@layer daisyui.l1.l2{&>.collapse-title:after{width:.5rem;height:.5rem;display:block;position:absolute;transform:translateY(-100%)rotate(45deg);@media (prefers-reduced-motion:no-preference){transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}top:50%;content:"";transform-origin:75% 75%;pointer-events:none;inset-inline-end:1.4rem;box-shadow:2px 2px}}}.xl\:collapse-plus{@layer daisyui.l1.l2{&>.collapse-title:after{width:.5rem;height:.5rem;display:block;position:absolute;@media (prefers-reduced-motion:no-preference){transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}top:.9rem;--tw-content:"+";content:var(--tw-content);pointer-events:none;inset-inline-end:1.4rem}}}.xl\:collapse-title{@layer daisyui.l1.l2.l3{padding:1rem;grid-row-start:1;grid-column-start:1;width:100%;min-height:1lh;padding-inline-end:3rem;transition:background-color .2s ease-out;position:relative}}.xl\:collapse-open{@layer daisyui.l1.l2{grid-template-rows:max-content 1fr;&>.collapse-content{--overflow-delay:.2s;overflow:revert-layer;content-visibility:visible;min-height:fit-content;padding-bottom:1rem;@supports not (content-visibility:visible){visibility:visible}}}}}@media (width>=1536px){.\32 xl\:collapse:not(td,tr,colgroup){visibility:revert-layer}.\32 xl\:collapse{@layer daisyui.l1.l2.l3{border-radius:var(--radius-box,1rem);isolation:isolate;grid-template-rows:max-content 0fr;grid-template-columns:minmax(0,1fr);width:100%;display:grid;position:relative;@media (prefers-reduced-motion:no-preference){transition:grid-template-rows .2s}&>input:is([type=checkbox],[type=radio]){appearance:none;opacity:0;grid-row-start:1;grid-column-start:1}&:is([open],[tabindex]:focus:not(.collapse-close),[tabindex]:focus-within:not(.collapse-close)),&:not(.collapse-close):has(>input:is([type=checkbox],[type=radio]):checked){grid-template-rows:max-content 1fr}&:is([open],[tabindex]:focus:not(.collapse-close),[tabindex]:focus-within:not(.collapse-close))>.collapse-content,&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){--overflow-delay:.2s;overflow:revert-layer;content-visibility:visible;min-height:fit-content;@supports not (content-visibility:visible){visibility:visible}}&:focus-visible,&:has(>input:is([type=checkbox],[type=radio]):focus-visible),&:has(summary:focus-visible){outline-color:var(--color-base-content);outline-offset:2px;outline-width:2px;outline-style:solid}&:not(.collapse-close){&>input[type=checkbox],&>input[type=radio]:not(:checked),&>.collapse-title{cursor:pointer}}&[tabindex]:focus:not(.collapse-close,.collapse[open]),&[tabindex]:focus-within:not(.collapse-close,.collapse[open]){&>.collapse-title{cursor:unset}}&:is([open],[tabindex]:focus:not(.collapse-close),[tabindex]:focus-within:not(.collapse-close))>:where(.collapse-content),&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){padding-bottom:1rem}&>input:is([type=checkbox],[type=radio]){z-index:1;padding:1rem;width:100%;min-height:1lh;padding-inline-end:3rem;transition:background-color .2s ease-out}&:is(details){width:100%;&::details-content{--overflow-delay:0s;height:0;overflow:clip}@media (prefers-reduced-motion:no-preference){&::details-content{transition:overflow .2s allow-discrete var(--overflow-delay), content-visibility .2s allow-discrete, visibility .2s allow-discrete, min-height .2s ease-out allow-discrete, padding .1s ease-out 20ms, background-color .2s ease-out, height .2s;interpolate-size:allow-keywords}&:where([open])::details-content{--overflow-delay:.2s;height:auto;overflow:revert-layer}}&>summary{outline:none;display:block;position:relative;&::-webkit-details-marker{display:none}}}}@layer daisyui.l1.l2{&[open]{&.collapse-arrow{&>.collapse-title:after{@media (prefers-reduced-motion:no-preference){transform:translateY(-50%)rotate(225deg)}}}}&.collapse-open{&.collapse-arrow{&>.collapse-title:after{@media (prefers-reduced-motion:no-preference){transform:translateY(-50%)rotate(225deg)}}}}&[tabindex].collapse-arrow:focus:not(.collapse-close),&.collapse-arrow[tabindex]:focus-within:not(.collapse-close){&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&.collapse-arrow:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&[open]{&.collapse-plus{&>.collapse-title:after{--tw-content:"−";content:var(--tw-content)}}}&.collapse-open{&.collapse-plus{&>.collapse-title:after{--tw-content:"−";content:var(--tw-content)}}}&[tabindex].collapse-plus:focus:not(.collapse-close){&>.collapse-title:after{--tw-content:"−";content:var(--tw-content)}}&.collapse-plus:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{--tw-content:"−";content:var(--tw-content)}}}}.\32 xl\:collapse-content{@layer daisyui.l1.l2.l3{--overflow-delay:0s;content-visibility:hidden;min-height:0;cursor:unset;grid-row-start:2;grid-column-start:1;padding-left:1rem;padding-right:1rem;overflow:clip;@supports not (content-visibility:hidden){visibility:hidden}@media (prefers-reduced-motion:no-preference){transition:overflow .2s allow-discrete var(--overflow-delay), content-visibility .2s allow-discrete, visibility .2s allow-discrete, min-height .2s ease-out allow-discrete, padding .1s ease-out 20ms, background-color .2s ease-out}details>&{content-visibility:visible}}}.\32 xl\:collapse-arrow{@layer daisyui.l1.l2{&>.collapse-title:after{width:.5rem;height:.5rem;display:block;position:absolute;transform:translateY(-100%)rotate(45deg);@media (prefers-reduced-motion:no-preference){transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}top:50%;content:"";transform-origin:75% 75%;pointer-events:none;inset-inline-end:1.4rem;box-shadow:2px 2px}}}.\32 xl\:collapse-plus{@layer daisyui.l1.l2{&>.collapse-title:after{width:.5rem;height:.5rem;display:block;position:absolute;@media (prefers-reduced-motion:no-preference){transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}top:.9rem;--tw-content:"+";content:var(--tw-content);pointer-events:none;inset-inline-end:1.4rem}}}.\32 xl\:collapse-title{@layer daisyui.l1.l2.l3{padding:1rem;grid-row-start:1;grid-column-start:1;width:100%;min-height:1lh;padding-inline-end:3rem;transition:background-color .2s ease-out;position:relative}}.\32 xl\:collapse-open{@layer daisyui.l1.l2{grid-template-rows:max-content 1fr;&>.collapse-content{--overflow-delay:.2s;overflow:revert-layer;content-visibility:visible;min-height:fit-content;padding-bottom:1rem;@supports not (content-visibility:visible){visibility:visible}}}}}}