.Code-module__utbJbG__inlineCode{white-space:pre-wrap;border-radius:var(--inline-border-radius);background-color:var(--code-background-dark);color:var(--code-color-light);padding-inline:.25ch}@media (prefers-color-scheme:dark){.Code-module__utbJbG__inlineCode{color:var(--code-color-dark)}}a:hover .Code-module__utbJbG__inlineCode{background-color:var(--near-black)}
.Link-module__3N9aNW__link{--link-underline-offset:.2em;text-decoration-thickness:var(--link-underline-thickness);text-underline-offset:var(--link-underline-offset);text-decoration-skip-ink:none}.Link-module__3N9aNW__link:hover{text-decoration-thickness:calc(var(--link-underline-thickness) * 2)}@media (hover:hover){.Link-module__3N9aNW__link[href]:not([href=""]){position:relative}.Link-module__3N9aNW__link[href]:not([href=""]):before{--block-padding:calc(var(--vertical-spacing) / 2);--inline-padding:calc(var(--horizontal-spacing) / 2);content:attr(href);content:attr(href) / "";box-sizing:content-box;padding:var(--inline-padding) var(--inline-padding);transform:translateY(calc(-100% - var(--outline-width) * 2 - var(--outline-offset) * 2 - var(--inline-padding)));inline-size:calc(100% + var(--horizontal-spacing) * 2);outline:var(--outline-width) solid white;background-color:var(--near-white);border-radius:var(--block-border-radius);text-align:center;visibility:hidden;opacity:0;font-size:max(.5em,10px);transition:opacity .15s .6s;display:block;position:absolute;inset-block-start:0;inset-inline-start:calc(var(--horizontal-spacing) * -1 - var(--inline-padding))}@media (prefers-color-scheme:dark){.Link-module__3N9aNW__link[href]:not([href=""]):before{outline-color:var(--pitch-black);background-color:var(--near-black)}}.Link-module__3N9aNW__link[href^=\/]:not([href^="//"]):before,.Link-module__3N9aNW__link[href^=\/]:not([href^="//"]):before{content:"https://responsify.dev" attr(href);content:"https://responsify.dev" attr(href) / ""}.Link-module__3N9aNW__link[href]:not([href=""]):hover:before,.Link-module__3N9aNW__link[href]:not([href=""]):focus-visible:before{z-index:1;visibility:visible;opacity:1}.Link-module__3N9aNW__link[href]:not([href=""]):hover:before{background-color:var(--white)}@media (prefers-color-scheme:dark){.Link-module__3N9aNW__link[href]:not([href=""]):hover:before{background-color:var(--pitch-black)}}}
.HeadingLink-module__eg-vra__anchor{margin-inline:var(--whitespace-width);text-decoration-thickness:var(--link-underline-thickness)}:where(h1,h2,h3)+.HeadingLink-module__eg-vra__anchor{letter-spacing:-.01em;word-spacing:.01em;font-weight:700;line-height:1}h1+.HeadingLink-module__eg-vra__anchor{font-size:var(--font-size-h1)}h2+.HeadingLink-module__eg-vra__anchor{font-size:var(--font-size-h2)}h3+.HeadingLink-module__eg-vra__anchor{font-size:var(--font-size-h3)}.HeadingLink-module__eg-vra__anchor:hover{text-decoration-thickness:calc(var(--link-underline-thickness) * 2)}@media (hover:hover){.HeadingLink-module__eg-vra__anchor{opacity:0;transition:opacity .15s}}@media (hover:hover){:where(h1,h2,h3):hover+.HeadingLink-module__eg-vra__anchor,.HeadingLink-module__eg-vra__anchor:hover,.HeadingLink-module__eg-vra__anchor:focus-within{opacity:1;transition:none}}
.Heading-module__KqQbHG__headingContainer{position:relative}h1.Heading-module__KqQbHG__heading,h2.Heading-module__KqQbHG__heading,h3.Heading-module__KqQbHG__heading{letter-spacing:-.01em;word-spacing:.01em;line-height:1;display:inline}h1.Heading-module__KqQbHG__heading{font-size:var(--font-size-h1)}h2.Heading-module__KqQbHG__heading{font-size:var(--font-size-h2)}h3.Heading-module__KqQbHG__heading{font-size:var(--font-size-h3)}.Heading-module__KqQbHG__screenReaderHeading{color:#0000;z-index:-1;background-color:#0000;position:absolute;inset-block-start:0;inset-inline-start:0}
.TableOfContents-module__rHO2UG__ol{--ch-space:.46ch;--ch-period:.455ch;--digit-ach:.959ch;counter-reset:counter-1;margin-block-start:var(--vertical-spacing);padding-inline-start:calc(var(--digit-ach) + var(--ch-period) + var(--ch-space) * 2)}.TableOfContents-module__rHO2UG__ol>.TableOfContents-module__rHO2UG__li{counter-increment:counter-1}.TableOfContents-module__rHO2UG__ol>.TableOfContents-module__rHO2UG__li:not(:first-of-type){margin-block-start:calc(var(--vertical-spacing) / 4)}.TableOfContents-module__rHO2UG__ol>.TableOfContents-module__rHO2UG__li::marker{content:counter(counter-1) "." " " " "}.TableOfContents-module__rHO2UG__ol .TableOfContents-module__rHO2UG__ol{counter-reset:counter-2;margin-block-start:calc(var(--vertical-spacing) / 4);padding-inline-start:calc(var(--digit-ach) + var(--ch-period) + var(--ch-space) * 4)}@media (min-width:75ch){.TableOfContents-module__rHO2UG__ol .TableOfContents-module__rHO2UG__ol{padding-inline-start:calc(var(--digit-ach) + var(--ch-period) + var(--ch-space) * 8)}}.TableOfContents-module__rHO2UG__ol .TableOfContents-module__rHO2UG__ol>.TableOfContents-module__rHO2UG__li{counter-increment:counter-2}.TableOfContents-module__rHO2UG__ol .TableOfContents-module__rHO2UG__ol>.TableOfContents-module__rHO2UG__li::marker{content:counter(counter-1) "." counter(counter-2) "." " " " "}.TableOfContents-module__rHO2UG__ol .TableOfContents-module__rHO2UG__ol .TableOfContents-module__rHO2UG__ol{counter-reset:counter-3}.TableOfContents-module__rHO2UG__ol .TableOfContents-module__rHO2UG__ol .TableOfContents-module__rHO2UG__ol>.TableOfContents-module__rHO2UG__li{counter-increment:counter-3}.TableOfContents-module__rHO2UG__ol .TableOfContents-module__rHO2UG__ol .TableOfContents-module__rHO2UG__ol>.TableOfContents-module__rHO2UG__li::marker{content:counter(counter-1) "." counter(counter-2) "." counter(counter-3) "." " " " "}.TableOfContents-module__rHO2UG__ol .TableOfContents-module__rHO2UG__ol .TableOfContents-module__rHO2UG__ol .TableOfContents-module__rHO2UG__ol{counter-reset:counter-4}.TableOfContents-module__rHO2UG__ol .TableOfContents-module__rHO2UG__ol .TableOfContents-module__rHO2UG__ol .TableOfContents-module__rHO2UG__ol>.TableOfContents-module__rHO2UG__li{counter-increment:counter-4}.TableOfContents-module__rHO2UG__ol .TableOfContents-module__rHO2UG__ol .TableOfContents-module__rHO2UG__ol .TableOfContents-module__rHO2UG__ol>.TableOfContents-module__rHO2UG__li::marker{content:counter(counter-1) "." counter(counter-2) "." counter(counter-3) "." counter(counter-4) "." " " " "}.TableOfContents-module__rHO2UG__ol .TableOfContents-module__rHO2UG__ol .TableOfContents-module__rHO2UG__ol .TableOfContents-module__rHO2UG__ol .TableOfContents-module__rHO2UG__ol{counter-reset:counter-5}.TableOfContents-module__rHO2UG__ol .TableOfContents-module__rHO2UG__ol .TableOfContents-module__rHO2UG__ol .TableOfContents-module__rHO2UG__ol .TableOfContents-module__rHO2UG__ol>.TableOfContents-module__rHO2UG__li{counter-increment:counter-5}.TableOfContents-module__rHO2UG__ol .TableOfContents-module__rHO2UG__ol .TableOfContents-module__rHO2UG__ol .TableOfContents-module__rHO2UG__ol .TableOfContents-module__rHO2UG__ol>.TableOfContents-module__rHO2UG__li::marker{content:counter(counter-1) "." counter(counter-2) "." counter(counter-3) "." counter(counter-4) "." counter(counter-5) "." " " " "}.TableOfContents-module__rHO2UG__ol .TableOfContents-module__rHO2UG__ol .TableOfContents-module__rHO2UG__ol .TableOfContents-module__rHO2UG__ol .TableOfContents-module__rHO2UG__ol .TableOfContents-module__rHO2UG__ol{counter-reset:counter-6}.TableOfContents-module__rHO2UG__ol .TableOfContents-module__rHO2UG__ol .TableOfContents-module__rHO2UG__ol .TableOfContents-module__rHO2UG__ol .TableOfContents-module__rHO2UG__ol .TableOfContents-module__rHO2UG__ol>.TableOfContents-module__rHO2UG__li{counter-increment:counter-6}.TableOfContents-module__rHO2UG__ol .TableOfContents-module__rHO2UG__ol .TableOfContents-module__rHO2UG__ol .TableOfContents-module__rHO2UG__ol .TableOfContents-module__rHO2UG__ol .TableOfContents-module__rHO2UG__ol>.TableOfContents-module__rHO2UG__li::marker{content:counter(counter-1) "." counter(counter-2) "." counter(counter-3) "." counter(counter-4) "." counter(counter-5) "." counter(counter-6) "." " " " "}
.Comparison-module__Bis6Sq__ul{margin-block-start:calc(var(--vertical-spacing) / 2)}
.ComparisonTable-module__WkPL1W__tableContainer{overflow-x:auto}.ComparisonTable-module__WkPL1W__table{border-collapse:collapse;min-width:100%}.ComparisonTable-module__WkPL1W__table *{word-break:normal}.ComparisonTable-module__WkPL1W__caption{font-size:calc(var(--golden-ratio) * 1rem);margin-block-end:calc(var(--vertical-spacing) / 2);font-weight:700}.ComparisonTable-module__WkPL1W__thead{border-bottom:2px solid var(--input-border-light)}@media (prefers-color-scheme:dark){.ComparisonTable-module__WkPL1W__thead{border-bottom-color:var(--input-border-dark)}}.ComparisonTable-module__WkPL1W__tbody{border-top:2px solid var(--input-border-light)}@media (prefers-color-scheme:dark){.ComparisonTable-module__WkPL1W__tbody{border-top-color:var(--input-border-dark)}}.ComparisonTable-module__WkPL1W__tbody>.ComparisonTable-module__WkPL1W__tr:nth-of-type(odd){background-color:#0000001a}@media (prefers-color-scheme:dark){.ComparisonTable-module__WkPL1W__tbody>.ComparisonTable-module__WkPL1W__tr:nth-of-type(odd){background-color:#00000040}}.ComparisonTable-module__WkPL1W__th,.ComparisonTable-module__WkPL1W__td{border:1px solid var(--input-border-light);padding:calc(var(--vertical-spacing) / 4) calc(var(--horizontal-spacing) / 4)}@media (prefers-color-scheme:dark){.ComparisonTable-module__WkPL1W__th,.ComparisonTable-module__WkPL1W__td{border-color:1px solid var(--input-border-dark)}}.ComparisonTable-module__WkPL1W__th[colspan]:not([colspan=""]),.ComparisonTable-module__WkPL1W__td[colspan]:not([colspan=""]){text-align:center}
.Sparkles-module__TxIriW__container{border:none;display:inline-block;position:relative}.Sparkles-module__TxIriW__container:hover{box-shadow:none}.Sparkles-module__TxIriW__strong{z-index:2;position:relative}
@keyframes Sparkle-module__4aze2W__growAndShrink{0%{transform:scale(0)}50%{transform:scale(1)}to{transform:scale(0)}}.Sparkle-module__4aze2W__svgContainer{pointer-events:none;animation-name:Sparkle-module__4aze2W__growAndShrink;animation-timing-function:ease-in-out;animation-fill-mode:forwards;position:absolute}@media (prefers-reduced-motion:reduce){.Sparkle-module__4aze2W__svgContainer{animation-play-state:paused}}@keyframes Sparkle-module__4aze2W__spin{to{transform:rotate(120deg)}}.Sparkle-module__4aze2W__svg{animation-name:Sparkle-module__4aze2W__spin;animation-timing-function:linear;animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.Sparkle-module__4aze2W__svg{animation-play-state:paused}}
.CodeBlock-module__7ThuRW__preBlock{border-radius:var(--block-border-radius);background-color:var(--code-background-dark);margin-block-start:var(--vertical-spacing);font-family:inherit;overflow-x:auto}.CodeBlock-module__7ThuRW__blockCode{padding:calc(var(--vertical-spacing) * .75) .75em;color:var(--code-color-light);display:inline-block}@media (prefers-color-scheme:dark){.CodeBlock-module__7ThuRW__blockCode{color:var(--code-color-dark)}}
.Examples-module__Q49BoG__exampleDivMiddleAligned{--width:90dvw;inline-size:var(--width);margin-inline-start:calc((var(--width) - 100%) / 2 * -1)}@media (min-width:900px){.Examples-module__Q49BoG__exampleDivMiddleAligned~.Examples-module__Q49BoG__exampleDivMiddleAligned{--width:calc(3716.13px - 322.903dvw)}}@media (min-width:1024px){.Examples-module__Q49BoG__exampleDivMiddleAligned{--width:40dvw!important}}.Examples-module__Q49BoG__exampleDiv{border-radius:var(--block-border-radius);padding:calc(var(--vertical-spacing) * 2) 0;background-image:repeating-linear-gradient(45deg, var(--white) 0, var(--white) 20px, #aaa 20px, #aaa 40px, #555 40px, #555 60px, var(--pitch-black) 60px, var(--pitch-black) 80px);background-attachment:fixed;justify-content:center;display:flex}.Examples-module__Q49BoG__exampleDiv:before{content:"width: 90%;";border-radius:var(--inline-border-radius);background-color:var(--code-background-dark);color:var(--code-color-light);outline:1px solid var(--light);padding:calc(var(--vertical-spacing) / 2) var(--horizontal-spacing);font-family:monospace}@media (prefers-color-scheme:dark){.Examples-module__Q49BoG__exampleDiv:before{color:var(--code-color-dark)}}@media (min-width:900px){.Examples-module__Q49BoG__exampleDiv~.Examples-module__Q49BoG__exampleDiv:before{content:"width: calc(3716.129px - 322.903%);"}}@media (min-width:1024px){.Examples-module__Q49BoG__exampleDiv:before{content:"width: 40%;"!important}}.Examples-module__Q49BoG__resize:before{content:"Resize the browser up ⬆️ to see responsify in action.";content:"Resize the browser up ⬆️ to see responsify in action." / "Resize the browser up to see responsify in action."}@media (min-width:900px){.Examples-module__Q49BoG__resize:before{content:"Resize the browser to see responsify in action. 🦄";content:"Resize the browser to see responsify in action. 🦄" / "Resize the browser to see responsify in action.";white-space:pre-wrap}}@media (min-width:1024px){.Examples-module__Q49BoG__resize:before{content:"Resize the browser down ⬇️ to see responsify in action.";content:"Resize the browser down ⬇️ to see responsify in action." / "Resize the browser down to see responsify in action."}}
.Footer-module__Grjkva__footer{border-block-start:2px solid}@media (scripting:none){.Footer-module__Grjkva__emailDispenser{display:none}}.Footer-module__Grjkva__emailEnclosure{display:inline-block}.Footer-module__Grjkva__emailNotification{text-align:center;display:block}.Footer-module__Grjkva__emailNotification:not(:empty){margin-block-end:calc(var(--vertical-spacing) * -1)}.Footer-module__Grjkva__kbd{border-radius:var(--inline-border-radius);background-color:var(--code-background-dark);color:#ff0;padding-inline:.25ch}
.Button-module__bn4omq__button{background-color:var(--white);border-radius:var(--block-border-radius);border:1px solid;margin-block-start:var(--vertical-spacing);padding:.75em 1.5ch;display:block}.Button-module__bn4omq__button:not([disabled]):active{background-color:#0000}@media (prefers-color-scheme:dark){.Button-module__bn4omq__button{background-color:var(--black)}}
.Intro-module__6WRxmG__preBlock{border-radius:var(--block-border-radius);background-color:var(--code-background-dark);margin-block-start:var(--vertical-spacing);font-family:inherit;overflow-x:auto}.Intro-module__6WRxmG__blockquote{border-inline-start:calc(var(--horizontal-spacing) / 2) solid var(--code-color-light);padding:calc(var(--vertical-spacing) * .75) calc(var(--horizontal-spacing) * .75);color:var(--light);display:inline-block}@media (prefers-color-scheme:dark){.Intro-module__6WRxmG__blockquote{color:inherit;border-inline-start-color:var(--code-color-dark)}}.Intro-module__6WRxmG__term{font-size:1.35rem}.Intro-module__6WRxmG__termType{font-size:.75rem}
.Video-module__GKEy-W__video{max-inline-size:100%;aspect-ratio:2078/966;border-radius:min(.345px + .517dvw,5px);outline:1px solid #fff;inline-size:100%;margin-block-start:var(--vertical-spacing)}@media (prefers-color-scheme:dark){.Video-module__GKEy-W__video{outline-color:var(--near-black)}}
@media (scripting:none){.Form-module__PMwpBq__noscript{padding-block:var(--vertical-spacing);text-align:center;border-block:.5em double;margin-block-start:var(--vertical-spacing);display:block}}.Form-module__PMwpBq__jsError{margin-block:calc(var(--vertical-spacing) * 1.5);padding-block:var(--vertical-spacing);border-block:.5em double}.Form-module__PMwpBq__formElement{margin-block-start:var(--vertical-spacing)}.Form-module__PMwpBq__list{margin-block-start:var(--vertical-spacing);padding-inline-start:var(--horizontal-spacing)}.Form-module__PMwpBq__listItem+:not(:first-of-type){margin-block-start:calc(var(--vertical-spacing) / 2)}.Form-module__PMwpBq__formContainer{margin-block-start:calc(var(--vertical-spacing) * 1.5);position:relative}.Form-module__PMwpBq__formContainer:focus-within{z-index:1;background-color:var(--light);box-shadow:0 0 0 calc(var(--horizontal-spacing) - var(--outline-width)) var(--light), 0 0 0 var(--horizontal-spacing) var(--dark), 0 0 0 12345dvmax #eeeeee80;border-radius:var(--block-border-radius)}@media (prefers-color-scheme:dark){.Form-module__PMwpBq__formContainer:focus-within{background-color:var(--near-black);box-shadow:0 0 0 calc(var(--horizontal-spacing) - var(--outline-width)) var(--near-black), 0 0 0 var(--horizontal-spacing) var(--light), 0 0 0 12345dvmax #20202080}}@media (scripting:none){.Form-module__PMwpBq__formContainer:focus-within{z-index:auto;box-shadow:none;background-color:#0000;border-radius:0;position:static}}.Form-module__PMwpBq__stepContainer{flex-wrap:wrap;align-items:flex-end;display:flex}.Form-module__PMwpBq__label{margin-inline-end:1.5ch}.Form-module__PMwpBq__input{background-color:var(--white);border:1px solid var(--input-border-light);padding:0 .25ch}@media (prefers-color-scheme:dark){.Form-module__PMwpBq__input{background-color:var(--black);border-color:var(--input-border-dark)}}.Form-module__PMwpBq__input[disabled]{border-color:var(--black);opacity:.15}@media (prefers-color-scheme:dark){.Form-module__PMwpBq__input[disabled]{border-color:revert;opacity:.3}}.Form-module__PMwpBq__input::placeholder{color:inherit;opacity:.15;font-style:italic}@media (prefers-color-scheme:dark){.Form-module__PMwpBq__input::placeholder{opacity:.3}}.Form-module__PMwpBq__input[disabled]::placeholder{opacity:1}.Form-module__PMwpBq__cssProperty{--longest-css-property-length:27ch;max-inline-size:var(--longest-css-property-length);flex-grow:1}.Form-module__PMwpBq__input[type=number]{--number-size-limit:4ch;--precision-separator:1ch;--precision-digits:2ch;--stepper-width:25px;max-inline-size:calc(var(--number-size-limit) + var(--precision-separator) + var(--precision-digits) + var(--stepper-width));margin-inline-end:.25ch}.Form-module__PMwpBq__flexWrapJoiner{flex-wrap:wrap;align-items:flex-end;display:flex}.Form-module__PMwpBq__select{background-color:var(--white);border:1px solid var(--input-border-light);padding-inline:.25ch;font-family:monospace}@media (prefers-color-scheme:dark){.Form-module__PMwpBq__select{background-color:var(--black);border-color:var(--input-border-dark)}}.Form-module__PMwpBq__select[disabled]{opacity:.3;border-color:revert}.Form-module__PMwpBq__output{--notification-height:1em;--notification-offset:.5em;text-align:center;max-inline-size:100%;display:block;position:relative}.Form-module__PMwpBq__output:not(:empty){margin-block-start:calc(var(--vertical-spacing) + var(--notification-height) + var(--notification-offset) + var(--outline-width) + var(--outline-offset))}.Form-module__PMwpBq__notification{--arrow-size:1em;--arrow-offset:var(--outline-offset);--arrow-pedestal:.25em;border-block-end:var(--arrow-pedestal) solid currentcolor;transform:translate3d(-50%, calc((100% + var(--outline-offset) + var(--outline-width) + var(--arrow-offset) + var(--arrow-size) / 2) * -1), 0);padding:0 .5ch;position:absolute;inset-block-start:0;inset-inline-start:50%}.Form-module__PMwpBq__notification:before{content:"";inline-size:var(--arrow-size);block-size:var(--arrow-size);clip-path:polygon(0 0,100% 0,50% 50%);background-color:currentColor;display:block;position:absolute;inset-block-end:calc(var(--arrow-pedestal) * -1);inset-inline-start:50%;transform:translate(-50%,100%)}.Form-module__PMwpBq__kbd{border-radius:var(--inline-border-radius);background-color:var(--code-background-dark);color:var(--yellow);padding-inline:.25ch}.Form-module__PMwpBq__result>code{font-size:1.5rem}