@charset "UTF-8";._wrapper_1vywa_2._wrapper_1vywa_2{height:600px;display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem;overflow:hidden}._wrapper_1vywa_2._wrapper_1vywa_2 input{width:100%}._wrapper_1vywa_2._wrapper_1vywa_2:after{content:"";position:absolute;inset-inline:0;bottom:0;height:1px;background-color:#0000001a}._cardWrapper_1vywa_26{max-width:100%;outline-offset:-3px;transition:.2s ease-out}._cardWrapper_1vywa_26 svg{outline:solid 1px;width:100%}._cardWrapper_1vywa_26 rect{width:calc(100% - 64px)}._cardWrapper_1vywa_26._cq_1vywa_39{container-type:inline-size;container-name:card;outline:dotted 2px deeppink;outline-offset:3px;border-radius:8px}._liveWidth_1vywa_47{position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem}._liveWidth_1vywa_47:before{content:"Width: " attr(data-width) "px";display:inline-flex;background-color:#ebf6fe;border-radius:8px;padding:2px 6px;color:#000000bf}._liveWidth_1vywa_47: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}._card_1vywa_26{display:flex;flex-direction:column;gap:.5rem}@container card (inline-size > 180px){._card_1vywa_26{flex-direction:row;align-items:center;background-color:#fff;border-radius:8px}}._card_1vywa_26 *{-webkit-user-select:none;-moz-user-select:none;user-select:none}._cardThumb_1vywa_90 img{width:100%;display:block;border-radius:8px}@container (inline-size > 180px){._cardThumb_1vywa_90{flex:0 0 calc(2cqw + 80px)}}._cardContent_1vywa_101 h3,._cardContent_1vywa_101 p{all:revert;margin:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}._cardContent_1vywa_101 h3{font-weight:700;font-size:1rem;color:#222}._content_1vywa_113{container-name:section;container-type:inline-size}._section_1vywa_118{display:grid;grid-template-columns:1fr;gap:1rem}._section_1vywa_118>*{display:flex;flex-direction:column;gap:1rem}@container section (min-width: 200px){._section_1vywa_118{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}}._sectionEnd_1vywa_134{display:flex;flex-direction:column;gap:1rem}._browser_1vywa_140{container-name:viewport;container-type:inline-size;width:100%;height:100%;background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 3px 10px #0000001a;outline-offset:-2px;transition:.2s ease-out}._browser_1vywa_140._notCQ_1vywa_154{outline:dashed 2px deeppink;outline-offset:2px;border-radius:8px}@container viewport (min-width: 550px){._browser_1vywa_140._withMedia_1vywa_160 ._card_1vywa_26{flex-direction:row}}._header_1vywa_165{display:flex;justify-content:space-between;align-items:center;height:50px;padding-inline:1rem;background-color:#d7e3ec}._header_1vywa_165 ._logo_1vywa_173{font-weight:700}._nav_1vywa_177{display:flex;flex-direction:column;gap:.15rem}._nav_1vywa_177 span{width:20px;height:3px;background-color:#00000026;border-radius:10px}@container viewport (min-width: 300px){._nav_1vywa_177{flex-direction:row;gap:.75rem}._nav_1vywa_177 span{width:40px;height:5px}}._bar_1vywa_199{display:flex;align-items:center;gap:4px;height:20px;background-color:#222;padding-inline:8px}._bar_1vywa_199 span{width:7px;height:7px;border-radius:50%}._bar_1vywa_199 span:first-child{background-color:#ff5f57}._bar_1vywa_199 span:nth-child(2){background-color:#febc2e}._bar_1vywa_199 span:nth-child(3){background-color:#28c941}._content_1vywa_113{padding:1rem}._placeholder_1vywa_226{outline:dotted 2px deeppink;border-radius:12px}