bonprix-design-system 0.33.2

package/dist/style.css

@@ -0,0 +1 @@
+.preflight *,.preflight :before,.preflight :after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}.preflight :before,.preflight :after{--tw-content: ""}.preflight body{margin:0;line-height:inherit}.preflight hr{height:0;color:inherit;border-top-width:1px}.preflight abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.preflight a{color:inherit;text-decoration:inherit}.preflight b,.preflight strong{font-weight:bolder}.preflight code,.preflight kbd,.preflight samp,.preflight pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}.preflight small{font-size:80%}.preflight sub,.preflight sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.preflight sub{bottom:-.25em}.preflight sup{top:-.5em}.preflight table{text-indent:0;border-color:inherit;border-collapse:collapse}.preflight button,.preflight input,.preflight optgroup,.preflight select,.preflight textarea{margin:0;padding:0}.preflight button,.preflight select{text-transform:none}.preflight button,.preflight [type=button],.preflight [type=reset],.preflight [type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}.preflight :-moz-ui-invalid{box-shadow:none}.preflight progress{vertical-align:baseline}.preflight ::-webkit-inner-spin-button,.preflight ::-webkit-outer-spin-button{height:auto}.preflight [type=search]{-webkit-appearance:textfield;outline-offset:-2px}.preflight ::-webkit-search-decoration{-webkit-appearance:none}.preflight ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.preflight summary{display:list-item}.preflight blockquote,.preflight dl,.preflight dd,.preflight h1,.preflight h2,.preflight h3,.preflight h4,.preflight h5,.preflight h6,.preflight hr,.preflight figure,.preflight p,.preflight pre{margin:0}.preflight fieldset{margin:0;padding:0}.preflight legend{padding:0}.preflight ol,.preflight ul,.preflight menu{list-style:none;margin:0;padding:0}.preflight dialog{padding:0}.preflight textarea{resize:vertical}.preflight button,.preflight [role=button]{cursor:pointer}.preflight :disabled{cursor:default}.preflight img,.preflight svg,.preflight video,.preflight canvas,.preflight audio,.preflight iframe,.preflight embed,.preflight object{display:block;vertical-align:middle}.preflight img,.preflight video{max-width:100%;height:auto}.preflight [hidden]{display:none}*.preflight,.preflight:before,.preflight:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}.preflight:before,.preflight:after{--tw-content: ""}body.preflight{margin:0;line-height:inherit}hr.preflight{height:0;color:inherit;border-top-width:1px}abbr:where([title]).preflight{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1.preflight,h2.preflight,h3.preflight,h4.preflight,h5.preflight,h6.preflight{font-size:inherit;font-weight:inherit}a.preflight{color:inherit;text-decoration:inherit}b.preflight,strong.preflight{font-weight:bolder}code.preflight,kbd.preflight,samp.preflight,pre.preflight{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small.preflight{font-size:80%}sub.preflight,sup.preflight{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub.preflight{bottom:-.25em}sup.preflight{top:-.5em}table.preflight{text-indent:0;border-color:inherit;border-collapse:collapse}button.preflight,input.preflight,optgroup.preflight,select.preflight,textarea.preflight{margin:0;padding:0}button.preflight,select.preflight{text-transform:none}button.preflight,[type=button].preflight,[type=reset].preflight,[type=submit].preflight{-webkit-appearance:button;background-color:transparent;background-image:none}.preflight:-moz-ui-invalid{box-shadow:none}progress.preflight{vertical-align:baseline}.preflight::-webkit-inner-spin-button,.preflight::-webkit-outer-spin-button{height:auto}[type=search].preflight{-webkit-appearance:textfield;outline-offset:-2px}.preflight::-webkit-search-decoration{-webkit-appearance:none}.preflight::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary.preflight{display:list-item}blockquote.preflight,dl.preflight,dd.preflight,h1.preflight,h2.preflight,h3.preflight,h4.preflight,h5.preflight,h6.preflight,hr.preflight,figure.preflight,p.preflight,pre.preflight{margin:0}fieldset.preflight{margin:0;padding:0}legend.preflight{padding:0}ol.preflight,ul.preflight,menu.preflight{list-style:none;margin:0;padding:0}dialog.preflight{padding:0}textarea.preflight{resize:vertical}button.preflight,[role=button].preflight{cursor:pointer}.preflight:disabled{cursor:default}img.preflight,svg.preflight,video.preflight,canvas.preflight,audio.preflight,iframe.preflight,embed.preflight,object.preflight{display:block;vertical-align:middle}img.preflight,video.preflight{max-width:100%;height:auto}[hidden].preflight{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }[data-mode=light]{--color-primary: 0 0 0;--color-on-primary-high: 255 255 255;--color-on-primary-low: 184 184 184;--color-on-bg-high: 15 15 15;--color-on-bg-mid: 63 62 62;--color-on-bg-low: 112 114 117;--color-on-bg-disabled: 221 221 221;--color-bg: 254 254 254;--color-bg-light: 248 248 248;--color-error: 161 32 39;--color-error-bg: 253 242 242;--color-alert: 179 87 36;--color-alert-bg: 253 246 236;--color-success: 34 130 71;--color-success-bg: 244 248 245;--color-info: 59 94 174;--color-info-bg: 239 242 249;--color-sale: 190 24 26;--color-on-sale: 255 255 255;--color-sustainable: 134 165 150;--color-black: 0 0 0;--color-white: 255 255 255}[data-mode=dark]{--color-primary: 255 255 255;--color-on-primary-high: 0 0 0;--color-on-primary-low: 104 104 104;--color-on-bg-high: 255 255 255;--color-on-bg-mid: 222 222 222;--color-on-bg-low: 158 158 158;--color-on-bg-disabled: 105 105 105;--color-bg: 48 48 48;--color-bg-light: 54 54 54;--color-error: 227 115 121;--color-error-bg: 56 43 43;--color-alert: 207 166 99;--color-alert-bg: 69 65 53;--color-success: 53 182 102;--color-success-bg: 49 63 55;--color-info: 135 179 217;--color-info-bg: 63 66 81;--color-sale: 190 24 26;--color-on-sale: 255 255 255}.container{width:100%}@media (min-width: 0px){.container{max-width:0px}}@media (min-width: 480px){.container{max-width:480px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 992px){.container{max-width:992px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1600px){.container{max-width:1600px}}.dark .docs-story{background-color:rgb(var(--color-bg))}.typography-h1{overflow-wrap:break-word;font-family:sourceSans3;font-size:38px;line-height:44px;font-weight:400;letter-spacing:.03em}.typography-h2{overflow-wrap:break-word;font-family:sourceSans3;font-size:30px;line-height:36px;font-weight:400;letter-spacing:.03em}.typography-h3{overflow-wrap:break-word;font-family:sourceSans3;font-size:24px;line-height:32px;font-weight:400;letter-spacing:.03em}.typography-h4{overflow-wrap:break-word;font-family:sourceSans3;font-size:20px;line-height:28px;font-weight:400;letter-spacing:.03em}.typography-h5{overflow-wrap:break-word;font-family:sourceSans3;font-size:16px;line-height:22px;font-weight:400;letter-spacing:.03em}.typography-h6{overflow-wrap:break-word;font-family:sourceSans3;font-size:14px;line-height:20px;font-weight:400;letter-spacing:.03em}.typography-subtitle1{overflow-wrap:break-word;font-family:sourceSans3;font-size:16px;line-height:auto;font-weight:400}.typography-subtitle2{overflow-wrap:break-word;font-family:sourceSans3;font-size:14px;line-height:auto;font-weight:400}.typography-bonprix-h1{overflow-wrap:break-word;font-family:bonprixRegular;font-size:38px;line-height:52px;font-weight:400;letter-spacing:.03em}.typography-bonprix-h2{overflow-wrap:break-word;font-family:bonprixRegular;font-size:30px;line-height:40px;font-weight:400;letter-spacing:.03em}.typography-bonprix-h3{overflow-wrap:break-word;font-family:bonprixRegular;font-size:24px;line-height:36px;font-weight:400;letter-spacing:.03em}.typography-bonprix-h4{overflow-wrap:break-word;font-family:bonprixRegular;font-size:20px;line-height:30px;font-weight:400;letter-spacing:.03em}.typography-bonprix-h5{overflow-wrap:break-word;font-family:bonprixRegular;font-size:16px;line-height:26px;font-weight:400;letter-spacing:.03em}.typography-bonprix-h6{overflow-wrap:break-word;font-family:bonprixRegular;font-size:14px;line-height:22px;font-weight:400;letter-spacing:.03em}.typography-body1{overflow-wrap:break-word;font-family:sourceSans3;font-size:14px;line-height:20px;font-weight:400}.typography-body1-bold{overflow-wrap:break-word;font-family:sourceSans3;font-size:14px;line-height:20px;font-weight:700}.typography-body2{overflow-wrap:break-word;font-family:sourceSans3;font-size:12px;line-height:16px;font-weight:400}.typography-body2-bold{overflow-wrap:break-word;font-family:sourceSans3;font-size:12px;line-height:16px;font-weight:700}.typography-button{overflow-wrap:break-word;font-family:bonprixRegular;font-size:14px;line-height:16px;font-weight:400;letter-spacing:.03em}.typography-link-large{overflow-wrap:break-word;font-family:sourceSans3;font-size:14px;line-height:20px;font-weight:400}.typography-link-small{overflow-wrap:break-word;font-family:sourceSans3;font-size:12px;line-height:16px;font-weight:400}.typography-caption,.typography-overline{overflow-wrap:break-word;font-family:sourceSans3;font-size:14px;line-height:22px;font-weight:400;letter-spacing:.01em}.typography-input-label{overflow-wrap:break-word;font-family:sourceSans3;font-size:12px;line-height:18px;font-weight:400;letter-spacing:.01em}.typography-input-text{overflow-wrap:break-word;font-family:sourceSans3;font-size:16px;line-height:22px;font-weight:400}.typography-input-helper-text{overflow-wrap:break-word;font-family:sourceSans3;font-size:12px;line-height:14px;font-weight:400}.typography-tooltip{overflow-wrap:break-word;font-family:sourceSans3;font-size:12px;line-height:14px;font-weight:400;letter-spacing:.01em}.typography-flag-small-text{overflow-wrap:break-word;font-family:bonprixRegular;font-size:12px;line-height:16px;font-weight:400}.typography-flag-large-text{overflow-wrap:break-word;font-family:bonprixRegular;font-size:16px;line-height:20px;font-weight:400}.typography-textarea-wordcounter-text{overflow-wrap:break-word;font-family:sourceSans3;font-size:10px;line-height:10px;font-weight:400}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border-width:0!important}.pointer-events-none{pointer-events:none!important}.pointer-events-auto{pointer-events:auto!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.collapse{visibility:collapse!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.-right-100{right:-25rem!important}.bottom-0{bottom:0!important}.bottom-1{bottom:.25rem!important}.left-0{left:0!important}.right-0{right:0!important}.right-1{right:.25rem!important}.right-4{right:1rem!important}.top-0{top:0!important}.top-2{top:.5rem!important}.top-3{top:.75rem!important}.top-4{top:1rem!important}.col-span-1{grid-column:span 1 / span 1!important}.col-span-10{grid-column:span 10 / span 10!important}.col-span-11{grid-column:span 11 / span 11!important}.col-span-12{grid-column:span 12 / span 12!important}.col-span-2{grid-column:span 2 / span 2!important}.col-span-3{grid-column:span 3 / span 3!important}.col-span-4{grid-column:span 4 / span 4!important}.col-span-5{grid-column:span 5 / span 5!important}.col-span-6{grid-column:span 6 / span 6!important}.col-span-7{grid-column:span 7 / span 7!important}.col-span-8{grid-column:span 8 / span 8!important}.col-span-9{grid-column:span 9 / span 9!important}.col-start-1{grid-column-start:1!important}.col-end-2{grid-column-end:2!important}.row-start-1{grid-row-start:1!important}.row-end-2{grid-row-end:2!important}.m-0{margin:0!important}.m-auto{margin:auto!important}.mx-0\.5{margin-left:.125rem!important;margin-right:.125rem!important}.mx-1\.5{margin-left:.375rem!important;margin-right:.375rem!important}.mx-5{margin-left:1.25rem!important;margin-right:1.25rem!important}.my-0{margin-top:0!important;margin-bottom:0!important}.mt-1{margin-top:.25rem!important}.mt-1\.25{margin-top:.3125rem!important}.mt-2\.5{margin-top:.625rem!important}.box-border{box-sizing:border-box!important}.line-clamp-2{overflow:hidden!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}.block{display:block!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.table{display:table!important}.grid{display:grid!important}.hidden{display:none!important}.size-full{width:100%!important;height:100%!important}.h-0\.25{height:.0625rem!important}.h-1{height:.25rem!important}.h-11\.5{height:2.875rem!important}.h-12{height:3rem!important}.h-150{height:37.5rem!important}.h-16{height:4rem!important}.h-2\.5{height:.625rem!important}.h-3{height:.75rem!important}.h-4{height:1rem!important}.h-5{height:1.25rem!important}.h-6{height:1.5rem!important}.h-7{height:1.75rem!important}.h-75{height:18.75rem!important}.h-8{height:2rem!important}.h-96{height:24rem!important}.h-\[100vh\]{height:100vh!important}.h-\[1200px\]{height:1200px!important}.h-\[1500px\]{height:1500px!important}.h-\[18px\]{height:18px!important}.h-\[225px\]{height:225px!important}.h-\[300px\]{height:300px!important}.h-\[400px\]{height:400px!important}.h-\[500px\]{height:500px!important}.h-\[60px\]{height:60px!important}.h-\[642px\]{height:642px!important}.h-fit{height:-moz-fit-content!important;height:fit-content!important}.h-full{height:100%!important}.h-screen{height:100vh!important}.max-h-\[275px\]{max-height:275px!important}.max-h-full{max-height:100%!important}.min-h-\[100px\]{min-height:100px!important}.min-h-\[198px\]{min-height:198px!important}.w-100{width:25rem!important}.w-150{width:37.5rem!important}.w-17\.5{width:4.375rem!important}.w-2\.5{width:.625rem!important}.w-20{width:5rem!important}.w-3{width:.75rem!important}.w-32{width:8rem!important}.w-36{width:9rem!important}.w-4{width:1rem!important}.w-48{width:12rem!important}.w-5{width:1.25rem!important}.w-6{width:1.5rem!important}.w-64{width:16rem!important}.w-7{width:1.75rem!important}.w-96{width:24rem!important}.w-\[--radix-select-trigger-width\]{width:var(--radix-select-trigger-width)!important}.w-\[100px\]{width:100px!important}.w-\[1500px\]{width:1500px!important}.w-\[18px\]{width:18px!important}.w-\[2000px\]{width:2000px!important}.w-\[245px\]{width:245px!important}.w-\[45px\]{width:45px!important}.w-\[500px\]{width:500px!important}.w-fit{width:-moz-fit-content!important;width:fit-content!important}.w-full{width:100%!important}.w-px{width:1px!important}.min-w-0{min-width:0px!important}.min-w-8{min-width:2rem!important}.max-w-10{max-width:2.5rem!important}.max-w-35{max-width:8.75rem!important}.max-w-50{max-width:12.5rem!important}.max-w-56{max-width:14rem!important}.max-w-\[1600px\]{max-width:1600px!important}.max-w-\[374px\]{max-width:374px!important}.max-w-\[900px\]{max-width:900px!important}.max-w-\[calc\(100\%-12px\)\]{max-width:calc(100% - 12px)!important}.flex-1{flex:1 1 0%!important}.shrink-0{flex-shrink:0!important}.flex-grow,.grow{flex-grow:1!important}.origin-top-left{transform-origin:top left!important}.-translate-y-4{--tw-translate-y: -1rem !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.transform-none{transform:none!important}@keyframes slideLeft{0%{transform:translate(0)}to{transform:translate(-400px)}}.animate-slideLeft{animation:slideLeft .3s ease-out forwards!important}@keyframes slideRight{0%{transform:translate(-400px)}to{transform:translate(0)}}.animate-slideRight{animation:slideRight .3s ease-out forwards!important}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite!important}.cursor-pointer{cursor:pointer!important}.touch-none{touch-action:none!important}.select-none{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.select-text{-webkit-user-select:text!important;-moz-user-select:text!important;user-select:text!important}.select-auto{-webkit-user-select:auto!important;-moz-user-select:auto!important;user-select:auto!important}.resize-none{resize:none!important}.list-none{list-style-type:none!important}.appearance-none{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))!important}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))!important}.flex-row{flex-direction:row!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.items-baseline{align-items:baseline!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.gap-0\.5{gap:.125rem!important}.gap-1{gap:.25rem!important}.gap-1\.25{gap:.3125rem!important}.gap-1\.5{gap:.375rem!important}.gap-10{gap:2.5rem!important}.gap-12{gap:3rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:.75rem!important}.gap-4{gap:1rem!important}.gap-6{gap:1.5rem!important}.gap-6\.5{gap:1.625rem!important}.gap-7{gap:1.75rem!important}.gap-8{gap:2rem!important}.gap-x-0\.5{-moz-column-gap:.125rem!important;column-gap:.125rem!important}.gap-x-2{-moz-column-gap:.5rem!important;column-gap:.5rem!important}.gap-x-4{-moz-column-gap:1rem!important;column-gap:1rem!important}.gap-x-5{-moz-column-gap:1.25rem!important;column-gap:1.25rem!important}.gap-x-8{-moz-column-gap:2rem!important;column-gap:2rem!important}.gap-y-1{row-gap:.25rem!important}.gap-y-2{row-gap:.5rem!important}.gap-y-4{row-gap:1rem!important}.overflow-hidden{overflow:hidden!important}.overflow-x-auto{overflow-x:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-y-hidden{overflow-y:hidden!important}.truncate{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.break-all{word-break:break-all!important}.rounded{border-radius:.25rem!important}.rounded-full{border-radius:9999px!important}.rounded-none{border-radius:0!important}.rounded-sm{border-radius:.125rem!important}.rounded-b-sm{border-bottom-right-radius:.125rem!important;border-bottom-left-radius:.125rem!important}.border{border-width:1px!important}.border-b{border-bottom-width:1px!important}.border-b-2{border-bottom-width:2px!important}.border-b-4{border-bottom-width:4px!important}.border-t{border-top-width:1px!important}.border-dotted{border-style:dotted!important}.border-none{border-style:none!important}.border-clr-error{border-color:rgb(var(--color-error))!important}.border-clr-on-bg-disabled{border-color:rgb(var(--color-on-bg-disabled))!important}.border-clr-on-bg-low{border-color:rgb(var(--color-on-bg-low))!important}.border-clr-primary{border-color:rgb(var(--color-primary))!important}.border-transparent{border-color:transparent!important}.border-b-clr-on-bg-disabled{border-bottom-color:rgb(var(--color-on-bg-disabled))!important}.border-b-clr-on-bg-low{border-bottom-color:rgb(var(--color-on-bg-low))!important}.bg-clr-alert{background-color:rgb(var(--color-alert))!important}.bg-clr-alert-bg{background-color:rgb(var(--color-alert-bg))!important}.bg-clr-bg{background-color:rgb(var(--color-bg))!important}.bg-clr-bg-light,.bg-clr-bg-modal{background-color:rgb(var(--color-bg-light))!important}.bg-clr-black{background-color:rgb(var(--color-black))!important}.bg-clr-black\/\[\.32\]{background-color:rgb(var(--color-black) / .32)!important}.bg-clr-error{background-color:rgb(var(--color-error))!important}.bg-clr-error-bg{background-color:rgb(var(--color-error-bg))!important}.bg-clr-info-bg{background-color:rgb(var(--color-info-bg))!important}.bg-clr-on-bg-disabled{background-color:rgb(var(--color-on-bg-disabled))!important}.bg-clr-on-bg-low{background-color:rgb(var(--color-on-bg-low))!important}.bg-clr-on-primary-low{background-color:rgb(var(--color-on-primary-low))!important}.bg-clr-primary{background-color:rgb(var(--color-primary))!important}.bg-clr-primary\/10{background-color:rgb(var(--color-primary) / .1)!important}.bg-clr-sale{background-color:rgb(var(--color-sale))!important}.bg-clr-success{background-color:rgb(var(--color-success))!important}.bg-clr-success-bg{background-color:rgb(var(--color-success-bg))!important}.bg-fixed-clr-on-bg-mid{--tw-bg-opacity: 1 !important;background-color:rgb(63 62 62 / var(--tw-bg-opacity, 1))!important}.bg-transparent{background-color:transparent!important}.fill-clr-alert{fill:rgb(var(--color-alert))!important}.fill-clr-bg{fill:rgb(var(--color-bg))!important}.fill-clr-error{fill:rgb(var(--color-error))!important}.fill-clr-info{fill:rgb(var(--color-info))!important}.fill-clr-on-bg-disabled{fill:rgb(var(--color-on-bg-disabled))!important}.fill-clr-on-bg-high{fill:rgb(var(--color-on-bg-high))!important}.fill-clr-on-bg-low{fill:rgb(var(--color-on-bg-low))!important}.fill-clr-on-primary-high{fill:rgb(var(--color-on-primary-high))!important}.fill-clr-primary{fill:rgb(var(--color-primary))!important}.fill-clr-success{fill:rgb(var(--color-success))!important}.fill-clr-sustainable{fill:rgb(var(--color-sustainable))!important}.fill-inherit{fill:inherit!important}.p-0{padding:0!important}.p-0\.75{padding:.1875rem!important}.p-1{padding:.25rem!important}.p-10{padding:2.5rem!important}.p-3{padding:.75rem!important}.p-4{padding:1rem!important}.p-5{padding:1.25rem!important}.p-6{padding:1.5rem!important}.p-\[7px\]{padding:7px!important}.p-px{padding:1px!important}.px-0\.5{padding-left:.125rem!important;padding-right:.125rem!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-1\.25{padding-left:.3125rem!important;padding-right:.3125rem!important}.px-1\.5{padding-left:.375rem!important;padding-right:.375rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-2\.5{padding-left:.625rem!important;padding-right:.625rem!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.px-5{padding-left:1.25rem!important;padding-right:1.25rem!important}.px-8{padding-left:2rem!important;padding-right:2rem!important}.px-\[39px\]{padding-left:39px!important;padding-right:39px!important}.py-0\.5{padding-top:.125rem!important;padding-bottom:.125rem!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-10{padding-top:2.5rem!important;padding-bottom:2.5rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:.75rem!important;padding-bottom:.75rem!important}.py-4{padding-top:1rem!important;padding-bottom:1rem!important}.py-5{padding-top:1.25rem!important;padding-bottom:1.25rem!important}.py-6{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-8{padding-top:2rem!important;padding-bottom:2rem!important}.py-\[7px\]{padding-top:7px!important;padding-bottom:7px!important}.pb-0\.5{padding-bottom:.125rem!important}.pb-1{padding-bottom:.25rem!important}.pb-1\.5{padding-bottom:.375rem!important}.pb-2{padding-bottom:.5rem!important}.pb-2\.5{padding-bottom:.625rem!important}.pb-3{padding-bottom:.75rem!important}.pb-5{padding-bottom:1.25rem!important}.pb-6{padding-bottom:1.5rem!important}.pb-7{padding-bottom:1.75rem!important}.pb-\[20px\]{padding-bottom:20px!important}.pb-px{padding-bottom:1px!important}.pe-2{padding-inline-end:.5rem!important}.pl-2{padding-left:.5rem!important}.pr-7{padding-right:1.75rem!important}.ps-3{padding-inline-start:.75rem!important}.pt-0\.5{padding-top:.125rem!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-2\.5{padding-top:.625rem!important}.pt-3{padding-top:.75rem!important}.pt-\[20px\]{padding-top:20px!important}.pt-\[34px\]{padding-top:34px!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.align-middle{vertical-align:middle!important}.font-\[inherit\]{font-family:inherit!important}.text-\[13px\]{font-size:13px!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.font-bold{font-weight:700!important}.italic{font-style:italic!important}.leading-6{line-height:1.5rem!important}.leading-\[18px\]{line-height:18px!important}.text-clr-alert{color:rgb(var(--color-alert))!important}.text-clr-black{color:rgb(var(--color-black))!important}.text-clr-error{color:rgb(var(--color-error))!important}.text-clr-info{color:rgb(var(--color-info))!important}.text-clr-on-bg-disabled{color:rgb(var(--color-on-bg-disabled))!important}.text-clr-on-bg-high{color:rgb(var(--color-on-bg-high))!important}.text-clr-on-bg-low{color:rgb(var(--color-on-bg-low))!important}.text-clr-on-bg-mid{color:rgb(var(--color-on-bg-mid))!important}.text-clr-on-primary-high{color:rgb(var(--color-on-primary-high))!important}.text-clr-on-primary-low{color:rgb(var(--color-on-primary-low))!important}.text-clr-primary{color:rgb(var(--color-primary))!important}.text-clr-sale{color:rgb(var(--color-sale))!important}.text-clr-success{color:rgb(var(--color-success))!important}.text-clr-sustainable{color:rgb(var(--color-sustainable))!important}.text-clr-white{color:rgb(var(--color-white))!important}.text-inherit{color:inherit!important}.underline{text-decoration-line:underline!important}.overline{text-decoration-line:overline!important}.line-through{text-decoration-line:line-through!important}.no-underline{text-decoration-line:none!important}.underline-offset-2{text-underline-offset:2px!important}.opacity-0{opacity:0!important}.opacity-100{opacity:1!important}.shadow-none{--tw-shadow: 0 0 #0000 !important;--tw-shadow-colored: 0 0 #0000 !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.outline-1{outline-width:1px!important}.outline-offset-1{outline-offset:1px!important}.outline-clr-primary{outline-color:rgb(var(--color-primary))!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px) !important;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important;backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.transition-all{transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.transition-opacity{transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.duration-100{transition-duration:.1s!important}.duration-150{transition-duration:.15s!important}.duration-200{transition-duration:.2s!important}.duration-300{transition-duration:.3s!important}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)!important}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)!important}.\[font-size\:inherit\]{font-size:inherit!important}.after\:typography-input-text:after{content:var(--tw-content);overflow-wrap:break-word;font-family:sourceSans3;font-size:16px;line-height:22px;font-weight:400}.\[\&_\.input\]\:typography-input-text .input{overflow-wrap:break-word;font-family:sourceSans3;font-size:16px;line-height:22px;font-weight:400}.\[\&_\.input\]\:placeholder\:typography-caption .input::-moz-placeholder{overflow-wrap:break-word;font-family:sourceSans3;font-size:14px;line-height:22px;font-weight:400;letter-spacing:.01em}.\[\&_\.input\]\:placeholder\:typography-caption .input::placeholder{overflow-wrap:break-word;font-family:sourceSans3;font-size:14px;line-height:22px;font-weight:400;letter-spacing:.01em}.before\:absolute:before{content:var(--tw-content)!important;position:absolute!important}.before\:left-1\/2:before{content:var(--tw-content)!important;left:50%!important}.before\:top-1\/2:before{content:var(--tw-content)!important;top:50%!important}.before\:h-full:before{content:var(--tw-content)!important;height:100%!important}.before\:min-h-11:before{content:var(--tw-content)!important;min-height:2.75rem!important}.before\:w-full:before{content:var(--tw-content)!important;width:100%!important}.before\:min-w-11:before{content:var(--tw-content)!important;min-width:2.75rem!important}.before\:-translate-x-1\/2:before{content:var(--tw-content)!important;--tw-translate-x: -50% !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.before\:-translate-y-1\/2:before{content:var(--tw-content)!important;--tw-translate-y: -50% !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.before\:content-\[\'\'\]:before{--tw-content: "" !important;content:var(--tw-content)!important}.after\:absolute:after{content:var(--tw-content)!important;position:absolute!important}.after\:-bottom-0\.5:after{content:var(--tw-content)!important;bottom:-.125rem!important}.after\:left-0:after{content:var(--tw-content)!important;left:0!important}.after\:col-start-1:after{content:var(--tw-content)!important;grid-column-start:1!important}.after\:col-end-2:after{content:var(--tw-content)!important;grid-column-end:2!important}.after\:row-start-1:after{content:var(--tw-content)!important;grid-row-start:1!important}.after\:row-end-2:after{content:var(--tw-content)!important;grid-row-end:2!important}.after\:-mt-1:after{content:var(--tw-content)!important;margin-top:-.25rem!important}.after\:box-border:after{content:var(--tw-content)!important;box-sizing:border-box!important}.after\:block:after{content:var(--tw-content)!important;display:block!important}.after\:h-1:after{content:var(--tw-content)!important;height:.25rem!important}.after\:h-2:after{content:var(--tw-content)!important;height:.5rem!important}.after\:h-2\.5:after{content:var(--tw-content)!important;height:.625rem!important}.after\:w-2\.5:after{content:var(--tw-content)!important;width:.625rem!important}.after\:w-3:after{content:var(--tw-content)!important;width:.75rem!important}.after\:w-full:after{content:var(--tw-content)!important;width:100%!important}.after\:min-w-0:after{content:var(--tw-content)!important;min-width:0px!important}.after\:cursor-pointer:after{content:var(--tw-content)!important;cursor:pointer!important}.after\:whitespace-pre-wrap:after{content:var(--tw-content)!important;white-space:pre-wrap!important}.after\:break-words:after{content:var(--tw-content)!important;overflow-wrap:break-word!important}.after\:rounded-\[50\%\]:after{content:var(--tw-content)!important;border-radius:50%!important}.after\:bg-clr-on-bg-low:after{content:var(--tw-content)!important;background-color:rgb(var(--color-on-bg-low))!important}.after\:bg-clr-primary:after{content:var(--tw-content)!important;background-color:rgb(var(--color-primary))!important}.after\:px-3:after{content:var(--tw-content)!important;padding-left:.75rem!important;padding-right:.75rem!important}.after\:pb-5:after{content:var(--tw-content)!important;padding-bottom:1.25rem!important}.after\:pt-2:after{content:var(--tw-content)!important;padding-top:.5rem!important}.after\:content-\[\'\'\]:after{--tw-content: "" !important;content:var(--tw-content)!important}.after\:content-\[attr\(data-value\)\]:after{--tw-content: attr(data-value) !important;content:var(--tw-content)!important}.hover\:-m-1:hover{margin:-.25rem!important}.hover\:cursor-pointer:hover{cursor:pointer!important}.hover\:border-clr-primary:hover{border-color:rgb(var(--color-primary))!important}.hover\:border-b-clr-on-bg-high:hover{border-bottom-color:rgb(var(--color-on-bg-high))!important}.hover\:bg-clr-on-bg-low:hover{background-color:rgb(var(--color-on-bg-low))!important}.hover\:p-2:hover{padding:.5rem!important}.hover\:underline:hover{text-decoration-line:underline!important}.hover\:decoration-2:hover{text-decoration-thickness:2px!important}.hover\:after\:absolute:hover:after{content:var(--tw-content)!important;position:absolute!important}.hover\:after\:-bottom-px:hover:after{content:var(--tw-content)!important;bottom:-1px!important}.hover\:after\:left-0:hover:after{content:var(--tw-content)!important;left:0!important}.hover\:after\:h-px:hover:after{content:var(--tw-content)!important;height:1px!important}.hover\:after\:w-full:hover:after{content:var(--tw-content)!important;width:100%!important}.hover\:after\:bg-clr-primary:hover:after{content:var(--tw-content)!important;background-color:rgb(var(--color-primary))!important}.hover\:after\:content-\[\'\'\]:hover:after{--tw-content: "" !important;content:var(--tw-content)!important}.focus\:outline-none:focus{outline:2px solid transparent!important;outline-offset:2px!important}.focus\:hover\:outline-none:hover:focus{outline:2px solid transparent!important;outline-offset:2px!important}.focus-visible\:rounded-sm:focus-visible{border-radius:.125rem!important}.focus-visible\:no-underline:focus-visible{text-decoration-line:none!important}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent!important;outline-offset:2px!important}.focus-visible\:outline:focus-visible{outline-style:solid!important}.focus-visible\:outline-0:focus-visible{outline-width:0px!important}.focus-visible\:outline-1:focus-visible{outline-width:1px!important}.focus-visible\:outline-2:focus-visible{outline-width:2px!important}.focus-visible\:outline-offset-0:focus-visible{outline-offset:0px!important}.focus-visible\:outline-offset-1:focus-visible{outline-offset:1px!important}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px!important}.focus-visible\:outline-clr-error:focus-visible{outline-color:rgb(var(--color-error))!important}.focus-visible\:outline-clr-primary:focus-visible{outline-color:rgb(var(--color-primary))!important}.focus-visible\:hover\:outline-none:hover:focus-visible{outline:2px solid transparent!important;outline-offset:2px!important}.active\:m-1:active{margin:.25rem!important}.active\:border-clr-on-bg-low:active{border-color:rgb(var(--color-on-bg-low))!important}.active\:bg-clr-bg-light:active{background-color:rgb(var(--color-bg-light))!important}.active\:bg-clr-on-bg-low:active{background-color:rgb(var(--color-on-bg-low))!important}.active\:fill-clr-on-bg-low:active{fill:rgb(var(--color-on-bg-low))!important}.active\:p-0:active{padding:0!important}.active\:text-clr-on-bg-low:active{color:rgb(var(--color-on-bg-low))!important}.hover\:enabled\:border-clr-on-bg-low:enabled:hover{border-color:rgb(var(--color-on-bg-low))!important}.hover\:enabled\:bg-clr-bg-light:enabled:hover{background-color:rgb(var(--color-bg-light))!important}.hover\:enabled\:bg-clr-on-bg-low:enabled:hover{background-color:rgb(var(--color-on-bg-low))!important}.hover\:enabled\:text-clr-on-bg-low:enabled:hover{color:rgb(var(--color-on-bg-low))!important}.group:focus-within .group-focus-within\:visible{visibility:visible!important}.group:hover .group-hover\:visible{visibility:visible!important}.group:hover .group-hover\:h-\[1px\]{height:1px!important}.group:hover .group-hover\:border-clr-primary{border-color:rgb(var(--color-primary))!important}.group:hover .group-hover\:border-b-clr-primary{border-bottom-color:rgb(var(--color-primary))!important}.group:hover .group-hover\:bg-clr-primary{background-color:rgb(var(--color-primary))!important}.group:focus .group-focus\:border-clr-primary{border-color:rgb(var(--color-primary))!important}.group:focus .group-focus\:no-underline{text-decoration-line:none!important}.group:focus:hover .group-focus\:group-hover\:h-0{height:0px!important}.group:focus:hover .group-focus\:group-hover\:border-transparent{border-color:transparent!important}.group:hover:focus .group-hover\:group-focus\:border-transparent{border-color:transparent!important}.group:hover:focus .group-hover\:group-focus\:border-b-clr-primary{border-bottom-color:rgb(var(--color-primary))!important}.group:focus-visible .group-focus-visible\:border-clr-primary{border-color:rgb(var(--color-primary))!important}.group:focus-visible .group-focus-visible\:px-1{padding-left:.25rem!important;padding-right:.25rem!important}.group:focus-visible .group-focus-visible\:outline{outline-style:solid!important}.group:focus-visible .group-focus-visible\:outline-1{outline-width:1px!important}.group:hover:enabled .group-hover\:group-enabled\:fill-clr-on-bg-low{fill:rgb(var(--color-on-bg-low))!important}.peer:checked~.peer-checked\:border-b-2{border-bottom-width:2px!important}.peer:checked~.peer-checked\:border-clr-primary{border-color:rgb(var(--color-primary))!important}.peer:focus-visible~.group .peer-focus-visible\:group-\[\]\:border-clr-primary{border-color:rgb(var(--color-primary))!important}.data-\[orientation\=horizontal\]\:h-1[data-orientation=horizontal]{height:.25rem!important}.data-\[orientation\=vertical\]\:w-1[data-orientation=vertical]{width:.25rem!important}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.data-\[state\=closed\]\:animate-fadeOut[data-state=closed]{animation:fadeOut .3s linear forwards!important}.data-\[state\=delayed-open\]\:animate-fadeIn[data-state=delayed-open]{animation:fadeIn .3s linear forwards!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.data-\[state\=open\]\:animate-fadeIn[data-state=open]{animation:fadeIn .3s linear forwards!important}.data-\[disabled\]\:cursor-default[data-disabled]{cursor:default!important}.data-\[orientation\=horizontal\]\:flex-col[data-orientation=horizontal]{flex-direction:column!important}.data-\[state\=open\]\:data-\[state\=open\]\:border-clr-error[data-state=open][data-state=open]{border-color:rgb(var(--color-error))!important}.data-\[state\=open\]\:data-\[state\=open\]\:border-clr-primary[data-state=open][data-state=open]{border-color:rgb(var(--color-primary))!important}.data-\[disabled\]\:text-clr-on-primary-low[data-disabled]{color:rgb(var(--color-on-primary-low))!important}.group[data-state=closed] .group-data-\[state\=closed\]\:h-0{height:0px!important}.group[data-state=closed] .group-data-\[state\=closed\]\:overflow-hidden{overflow:hidden!important}.group[data-state=checked] .group-data-\[state\=checked\]\:border-b-4{border-bottom-width:4px!important}.group[data-state=checked] .group-data-\[state\=checked\]\:border-b-clr-primary{border-bottom-color:rgb(var(--color-primary))!important}.group[data-state=closed] .group-data-\[state\=closed\]\:py-0{padding-top:0!important;padding-bottom:0!important}.group[data-state=closed]:focus .group-data-\[state\=closed\]\:group-focus\:border-transparent{border-color:transparent!important}@media (min-width: 0px){.s\:col-span-1{grid-column:span 1 / span 1!important}.s\:col-span-10{grid-column:span 10 / span 10!important}.s\:col-span-11{grid-column:span 11 / span 11!important}.s\:col-span-12{grid-column:span 12 / span 12!important}.s\:col-span-2{grid-column:span 2 / span 2!important}.s\:col-span-3{grid-column:span 3 / span 3!important}.s\:col-span-4{grid-column:span 4 / span 4!important}.s\:col-span-5{grid-column:span 5 / span 5!important}.s\:col-span-6{grid-column:span 6 / span 6!important}.s\:col-span-7{grid-column:span 7 / span 7!important}.s\:col-span-8{grid-column:span 8 / span 8!important}.s\:col-span-9{grid-column:span 9 / span 9!important}.s\:w-\[calc\(100vw-30px\)\]{width:calc(100vw - 30px)!important}.s\:-translate-x-1{--tw-translate-x: -.25rem !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}}@media (min-width: 480px){.m\:col-span-1{grid-column:span 1 / span 1!important}.m\:col-span-10{grid-column:span 10 / span 10!important}.m\:col-span-11{grid-column:span 11 / span 11!important}.m\:col-span-12{grid-column:span 12 / span 12!important}.m\:col-span-2{grid-column:span 2 / span 2!important}.m\:col-span-3{grid-column:span 3 / span 3!important}.m\:col-span-4{grid-column:span 4 / span 4!important}.m\:col-span-5{grid-column:span 5 / span 5!important}.m\:col-span-6{grid-column:span 6 / span 6!important}.m\:col-span-7{grid-column:span 7 / span 7!important}.m\:col-span-8{grid-column:span 8 / span 8!important}.m\:col-span-9{grid-column:span 9 / span 9!important}.m\:max-w-\[350px\]{max-width:350px!important}.m\:border{border-width:1px!important}.m\:border-t-0{border-top-width:0px!important}.m\:border-clr-primary{border-color:rgb(var(--color-primary))!important}}@media (min-width: 768px){.l\:col-span-1{grid-column:span 1 / span 1!important}.l\:col-span-10{grid-column:span 10 / span 10!important}.l\:col-span-11{grid-column:span 11 / span 11!important}.l\:col-span-12{grid-column:span 12 / span 12!important}.l\:col-span-2{grid-column:span 2 / span 2!important}.l\:col-span-3{grid-column:span 3 / span 3!important}.l\:col-span-4{grid-column:span 4 / span 4!important}.l\:col-span-5{grid-column:span 5 / span 5!important}.l\:col-span-6{grid-column:span 6 / span 6!important}.l\:col-span-7{grid-column:span 7 / span 7!important}.l\:col-span-8{grid-column:span 8 / span 8!important}.l\:col-span-9{grid-column:span 9 / span 9!important}.l\:max-w-\[450px\]{max-width:450px!important}.l\:items-start{align-items:flex-start!important}.l\:px-10{padding-left:2.5rem!important;padding-right:2.5rem!important}.l\:text-left{text-align:left!important}}@media (min-width: 992px){.xl\:col-span-1{grid-column:span 1 / span 1!important}.xl\:col-span-10{grid-column:span 10 / span 10!important}.xl\:col-span-11{grid-column:span 11 / span 11!important}.xl\:col-span-12{grid-column:span 12 / span 12!important}.xl\:col-span-2{grid-column:span 2 / span 2!important}.xl\:col-span-3{grid-column:span 3 / span 3!important}.xl\:col-span-4{grid-column:span 4 / span 4!important}.xl\:col-span-5{grid-column:span 5 / span 5!important}.xl\:col-span-6{grid-column:span 6 / span 6!important}.xl\:col-span-7{grid-column:span 7 / span 7!important}.xl\:col-span-8{grid-column:span 8 / span 8!important}.xl\:col-span-9{grid-column:span 9 / span 9!important}.xl\:max-w-\[450px\]{max-width:450px!important}.xl\:items-start{align-items:flex-start!important}.xl\:px-10{padding-left:2.5rem!important;padding-right:2.5rem!important}.xl\:text-left{text-align:left!important}}@media (min-width: 1280px){.xxl\:col-span-1{grid-column:span 1 / span 1!important}.xxl\:col-span-10{grid-column:span 10 / span 10!important}.xxl\:col-span-11{grid-column:span 11 / span 11!important}.xxl\:col-span-12{grid-column:span 12 / span 12!important}.xxl\:col-span-2{grid-column:span 2 / span 2!important}.xxl\:col-span-3{grid-column:span 3 / span 3!important}.xxl\:col-span-4{grid-column:span 4 / span 4!important}.xxl\:col-span-5{grid-column:span 5 / span 5!important}.xxl\:col-span-6{grid-column:span 6 / span 6!important}.xxl\:col-span-7{grid-column:span 7 / span 7!important}.xxl\:col-span-8{grid-column:span 8 / span 8!important}.xxl\:col-span-9{grid-column:span 9 / span 9!important}}@media (min-width: 1600px){.xxxl\:col-span-1{grid-column:span 1 / span 1!important}.xxxl\:col-span-10{grid-column:span 10 / span 10!important}.xxxl\:col-span-11{grid-column:span 11 / span 11!important}.xxxl\:col-span-12{grid-column:span 12 / span 12!important}.xxxl\:col-span-2{grid-column:span 2 / span 2!important}.xxxl\:col-span-3{grid-column:span 3 / span 3!important}.xxxl\:col-span-4{grid-column:span 4 / span 4!important}.xxxl\:col-span-5{grid-column:span 5 / span 5!important}.xxxl\:col-span-6{grid-column:span 6 / span 6!important}.xxxl\:col-span-7{grid-column:span 7 / span 7!important}.xxxl\:col-span-8{grid-column:span 8 / span 8!important}.xxxl\:col-span-9{grid-column:span 9 / span 9!important}.xxxl\:mx-auto{margin-left:auto!important;margin-right:auto!important}}.\[\&\.is-active\]\:h-1.is-active{height:.25rem!important}.\[\&\.is-active\]\:bg-clr-black.is-active{background-color:rgb(var(--color-black))!important}.\[\&\.is-active\]\:after\:content-\[\].is-active:after{--tw-content: !important;content:var(--tw-content)!important}.\[\&\>\*\]\:overflow-hidden>*{overflow:hidden!important}.\[\&\>\*\]\:whitespace-nowrap>*{white-space:nowrap!important}.\[\&\>div\]\:box-border>div{box-sizing:border-box!important}.\[\&\>div\]\:h-\[48px\]>div{height:48px!important}.\[\&\>div\]\:items-start>div{align-items:flex-start!important}.\[\&\>div\]\:pt-\[16px\]>div{padding-top:16px!important}.\[\&_\.inputLabel\]\:z-1 .inputLabel{z-index:1!important}.\[\&_\.input\]\:w-full .input{width:100%!important}.\[\&_\.input\]\:text-ellipsis .input{text-overflow:ellipsis!important}.\[\&_\.input\]\:rounded-sm .input{border-radius:.125rem!important}.\[\&_\.input\]\:border .input{border-width:1px!important}.\[\&_\.input\]\:border-transparent .input{border-color:transparent!important}.\[\&_\.input\]\:border-b-clr-error .input{border-bottom-color:rgb(var(--color-error))!important}.\[\&_\.input\]\:border-b-clr-on-bg-low .input{border-bottom-color:rgb(var(--color-on-bg-low))!important}.\[\&_\.input\]\:text-inherit .input{color:inherit!important}.\[\&_\.input\]\:caret-clr-error .input{caret-color:rgb(var(--color-error))!important}.\[\&_\.input\]\:caret-clr-primary .input{caret-color:rgb(var(--color-primary))!important}.\[\&_\.input\]\:placeholder\:truncate .input::-moz-placeholder{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.\[\&_\.input\]\:placeholder\:truncate .input::placeholder{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.\[\&_\.input\]\:placeholder\:text-clr-on-bg-disabled .input::-moz-placeholder{color:rgb(var(--color-on-bg-disabled))!important}.\[\&_\.input\]\:placeholder\:text-clr-on-bg-disabled .input::placeholder{color:rgb(var(--color-on-bg-disabled))!important}.\[\&_\.input\]\:placeholder\:text-clr-on-bg-mid .input::-moz-placeholder{color:rgb(var(--color-on-bg-mid))!important}.\[\&_\.input\]\:placeholder\:text-clr-on-bg-mid .input::placeholder{color:rgb(var(--color-on-bg-mid))!important}.\[\&_\.input\]\:focus-within\:border-clr-error:focus-within .input{border-color:rgb(var(--color-error))!important}.\[\&_\.input\]\:focus-within\:border-clr-primary:focus-within .input{border-color:rgb(var(--color-primary))!important}.\[\&_\.input\]\:hover\:border-clr-error:hover .input{border-color:rgb(var(--color-error))!important}.\[\&_\.input\]\:hover\:border-clr-primary:hover .input{border-color:rgb(var(--color-primary))!important}.\[\&_\.react-modal-sheet-drag-indicator\]\:hidden .react-modal-sheet-drag-indicator{display:none!important}.\[\&_\.scroll-area-root\:has\(\.scrollbar\)\]\:w-\[calc\(100\%\+20px\)\] .scroll-area-root:has(.scrollbar){width:calc(100% + 20px)!important}.\[\&_\.scroll-area-root\:has\(\.scrollbar\)_\.scroll-area-viewport\]\:pr-3\.5 .scroll-area-root:has(.scrollbar) .scroll-area-viewport{padding-right:.875rem!important}.\[\&_span\]\:bg-clr-on-bg-mid span{background-color:rgb(var(--color-on-bg-mid))!important}button[data-state=open]>.\[button\[data-state\=\'open\'\]\>\&\]\:rotate-180{--tw-rotate: 180deg !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}button[data-state=open] span>.\[button\[data-state\=\'open\'\]_span\>\&\]\:rotate-180{--tw-rotate: 180deg !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:flex;height:2em;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports (outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports (outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:flex;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}

package/package.json

@@ -0,0 +1,119 @@
+{
+  "name": "bonprix-design-system",
+  "version": "0.33.2",
+  "description": "Design System of bonprix",
+  "type": "module",
+  "module": "./dist/design-system.js",
+  "exports": {
+    ".": {
+      "import": "./dist/design-system.js",
+      "default": "./dist/design-system.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "types": "./dist/index.d.ts",
+  "license": "UNLICENSED",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/bonprix/design-system.git"
+  },
+  "engines": {
+    "node": ">=20.8.1",
+    "npm": ">=10.2.0"
+  },
+  "scripts": {
+    "dev": "vite",
+    "start": "storybook dev -p 6006",
+    "lint": "eslint --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview",
+    "storybook": "storybook dev -p 6006",
+    "test-storybook": "test-storybook",
+    "build-storybook": "storybook build",
+    "build-local": "npm run build && yalc push",
+    "chromatic": "chromatic --exit-zero-on-changes --skip '@(renovate/**|dependabot/**)'",
+    "generate-icon-type": "node src/scripts/generateIconType.js",
+    "generate-logo-type": "node src/scripts/generateLogoType.js",
+    "test-semver": "npx semantic-release -dp",
+    "build": "vite build",
+    "build-watch": "vite build --watch"
+  },
+  "dependencies": {
+    "@radix-ui/react-accordion": "1.2.2",
+    "@radix-ui/react-checkbox": "1.1.3",
+    "@radix-ui/react-collapsible": "1.1.2",
+    "@radix-ui/react-dialog": "1.1.4",
+    "@radix-ui/react-radio-group": "1.2.2",
+    "@radix-ui/react-scroll-area": "1.2.2",
+    "@radix-ui/react-select": "2.1.4",
+    "@radix-ui/react-tabs": "1.1.2",
+    "@radix-ui/react-tooltip": "1.1.6",
+    "@splidejs/react-splide": "0.7.12",
+    "@types/node": "22.10.5",
+    "framer-motion": "11.18.1",
+    "json2mq": "0.2.0",
+    "react-imask": "7.6.1",
+    "react-modal-sheet": "4.0.1",
+    "tailwind-variants": "0.3.0"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "files": [
+    "dist"
+  ],
+  "devDependencies": {
+    "@eslint/js": "9.14.0",
+    "@ianvs/prettier-plugin-sort-imports": "4.4.0",
+    "@storybook/addon-a11y": "8.2.9",
+    "@storybook/addon-actions": "8.2.9",
+    "@storybook/addon-essentials": "8.2.9",
+    "@storybook/addon-interactions": "8.2.9",
+    "@storybook/addon-themes": "8.2.9",
+    "@storybook/blocks": "8.2.9",
+    "@storybook/builder-vite": "8.2.9",
+    "@storybook/csf-tools": "8.2.9",
+    "@storybook/preview-api": "8.2.9",
+    "@storybook/react": "8.2.9",
+    "@storybook/react-vite": "8.2.9",
+    "@storybook/test": "8.2.9",
+    "@storybook/test-runner": "0.19.1",
+    "@storybook/theming": "8.2.9",
+    "@storybook/types": "8.2.9",
+    "@tailwindcss/nesting": "0.0.0-insiders.565cd3e",
+    "@types/eslint__js": "8.42.3",
+    "@types/eslint-config-prettier": "6.11.3",
+    "@types/json2mq": "0.2.2",
+    "@types/react": "19.0.2",
+    "@types/react-dom": "19.0.2",
+    "@vitejs/plugin-react": "4.3.4",
+    "autoprefixer": "10.4.20",
+    "camelcase": "8.0.0",
+    "chromatic": "11.22.0",
+    "eslint": "9.14.0",
+    "eslint-config-prettier": "10.0.1",
+    "eslint-plugin-react-refresh": "0.4.18",
+    "postcss": "8.5.1",
+    "postcss-import": "16.1.0",
+    "postcss-import-resolver": "2.0.0",
+    "prettier": "3.4.2",
+    "prop-types": "15.8.1",
+    "react-hook-form": "7.54.2",
+    "sb-addon-permutation-table": "1.0.3",
+    "semantic-release": "24.2.1",
+    "storybook": "8.2.9",
+    "tailwindcss": "3.4.17",
+    "terser": "5.37.0",
+    "typescript": "5.7.3",
+    "typescript-eslint": "8.19.1",
+    "vite": "5.4.14",
+    "vite-plugin-dts": "4.5.0",
+    "vite-plugin-eslint": "1.8.1",
+    "vite-plugin-static-copy": "2.2.0",
+    "vite-plugin-svgr": "4.3.0"
+  },
+  "overrides": {
+    "@joshwooding/vite-plugin-react-docgen-typescript": "0.3.1"
+  },
+  "packageManager": "npm@10.8.1"
+}