@charset "UTF-8";._wrapper_1t911_2._wrapper_1t911_2{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:0;overflow:hidden}._wrapper_1t911_2._wrapper_1t911_2 input{width:100%}._wrapper_1t911_2._wrapper_1t911_2:after{content:"";position:absolute;inset-inline:0;bottom:0;height:1px;background-color:#0000001a}._cardWrapper_1t911_25{max-width:100%;outline-offset:-3px;transition:.2s ease-out;container-type:inline-size;container-name:card;outline:dotted 2px deeppink;outline-offset:3px;border-radius:8px}._cardWrapper_1t911_25 svg{outline:solid 1px;width:100%}._cardWrapper_1t911_25 rect{width:calc(100% - 64px)}@container card (min-width: 320px){._cardWrapper_1t911_25._featured_1t911_43 ._title_1t911_43{font-size:clamp(1.25rem,1.5rem + 2cqw,1.5rem)}}@container card (min-width: 320px){._cardWrapper_1t911_25._featured_1t911_43 ._cardThumb_1t911_48{flex:0 0 calc(2cqw + 180px)}}._liveWidth_1t911_53{position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem}._liveWidth_1t911_53:before{content:"Width: " attr(data-width) "px";display:inline-flex;background-color:#ebf6fe;border-radius:8px;padding:2px 6px;color:#000000bf}._liveWidth_1t911_53:after{content:"";position:absolute;inset:10px 0 -12px;z-index:-1;background-image:linear-gradient(to right,#c8d1d8,#c8d1d8),url("data:image/svg+xml,%3Csvg width='33' height='27' viewBox='0 0 33 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.29289 26.2071C7.68342 26.5976 8.31658 26.5976 8.70711 26.2071L15.0711 19.8431C15.4616 19.4526 15.4616 18.8195 15.0711 18.4289C14.6805 18.0384 14.0474 18.0384 13.6569 18.4289L8 24.0858L2.34315 18.4289C1.95262 18.0384 1.31946 18.0384 0.928932 18.4289C0.538408 18.8195 0.538408 19.4526 0.928932 19.8431L7.29289 26.2071ZM33 0H16V2H33V0ZM7 9V25.5H9V9H7ZM16 0C11.0294 0 7 4.02944 7 9H9C9 5.13401 12.134 2 16 2V0Z' fill='%23C8D1D8'/%3E%3C/svg%3E%0A"),url("data:image/svg+xml,%3Csvg width='33' height='27' viewBox='0 0 33 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.7071 26.2071C25.3166 26.5976 24.6834 26.5976 24.2929 26.2071L17.9289 19.8431C17.5384 19.4526 17.5384 18.8195 17.9289 18.4289C18.3195 18.0384 18.9526 18.0384 19.3431 18.4289L25 24.0858L30.6569 18.4289C31.0474 18.0384 31.6805 18.0384 32.0711 18.4289C32.4616 18.8195 32.4616 19.4526 32.0711 19.8431L25.7071 26.2071ZM0 0H17V2H0V0ZM26 9V25.5H24V9H26ZM17 0C21.9706 0 26 4.02944 26 9H24C24 5.13401 20.866 2 17 2V0Z' fill='%23C8D1D8'/%3E%3C/svg%3E%0A");background-position:24px 0,2px 0,right;background-size:calc(100% - 37px) 2px,auto,auto;background-repeat:no-repeat}._liveWidthCard_1t911_79{margin-bottom:.25rem}._liveWidthCard_1t911_79:before{content:attr(data-width) "px";font-size:14px}._card_1t911_25{display:flex;flex-direction:column;gap:.5rem}@container card (inline-size > 180px){._card_1t911_25{flex-direction:row!important;align-items:center;background-color:#fff;border-radius:8px}}._card_1t911_25 *{-webkit-user-select:none;-moz-user-select:none;user-select:none}._cardThumb_1t911_48 img{width:100%;display:block;border-radius:8px}@container (inline-size > 180px){._cardThumb_1t911_48{flex:0 0 calc(2cqw + 80px)}}._cardContent_1t911_115 ._title_1t911_43,._cardContent_1t911_115 p{all:revert;margin:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:Flow Circular,system-ui}._cardContent_1t911_115 ._title_1t911_43{font-weight:700;font-size:clamp(1rem,.8rem + 2cqw,1.5rem);font-size:1rem;color:#222}._cardContent_1t911_115 p{color:gray}._section_1t911_132{display:grid;grid-template-columns:1fr;gap:1rem}._section_1t911_132>*{display:flex;flex-direction:column;gap:1rem}@container viewport (min-width: 500px){._section_1t911_132{grid-template-columns:2fr 1fr .7fr}}._grid_1t911_148{display:grid;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:1rem}._sectionEnd_1t911_154{display:flex;flex-direction:column;gap:1rem}._browser_1t911_160{container-name:viewport;container-type:inline-size;width:100%;height:100%;background-color:#fff;border-radius:12px;overflow-y:auto;box-shadow:0 3px 10px #0000001a;outline-offset:-2px;transition:.2s ease-out;margin-bottom:1rem}._header_1t911_176{display:flex;justify-content:space-between;align-items:center;height:50px;padding-inline:1rem;background-color:#d7e3ec}._header_1t911_176 ._logo_1t911_184{font-weight:700}._nav_1t911_188{display:flex;flex-direction:column;gap:.15rem}._nav_1t911_188 span{width:20px;height:3px;background-color:#00000026;border-radius:10px}@container viewport (min-width: 300px){._nav_1t911_188{flex-direction:row;gap:.75rem}._nav_1t911_188 span{width:40px;height:5px}}._bar_1t911_210{display:flex;align-items:center;gap:4px;height:20px;background-color:#222;padding-inline:8px}._bar_1t911_210 span{width:7px;height:7px;border-radius:50%}._bar_1t911_210 span:first-child{background-color:#ff5f57}._bar_1t911_210 span:nth-child(2){background-color:#febc2e}._bar_1t911_210 span:nth-child(3){background-color:#28c941}._content_1t911_233{container-name:section;container-type:inline-size;padding:1rem}._code_1t911_239{display:flex;flex-wrap:wrap;width:100%}._code_1t911_239>*{flex:1}._code_1t911_239 pre:nth-child(1){border-right:1px solid rgba(255,255,255,.25)}._code_1t911_239 pre{height:100%;border-radius:0!important;margin:0!important;padding:1rem 1.25rem!important;font-size:14px!important}