._wrapper_1nyu9_1._wrapper_1nyu9_1{container-type:inline-size;container-name:wrapper;display:flex;flex-direction:column;align-items:center;gap:2rem;padding:0;overflow-y:auto}._wrapper_1nyu9_1._wrapper_1nyu9_1._hoverOutline_1nyu9_11 [data-name]{transition:.15s ease-in;position:relative}._wrapper_1nyu9_1._wrapper_1nyu9_1._hoverOutline_1nyu9_11:has([data-name=code-item-0]:hover) [data-name=code-item-0],._wrapper_1nyu9_1._wrapper_1nyu9_1._hoverOutline_1nyu9_11:has([data-name=code-item-1]:hover) [data-name=code-item-1]{outline:dashed 2px deeppink;outline-offset:3px;opacity:1}._itemWrapper_1nyu9_21{flex:1;outline:solid 1px;align-content:center}._item_1nyu9_21{--size: 7rem;width:var(--size);height:var(--size);background-color:hsl(from var(--brand-1) h s calc(l - 20));border-radius:50%;align-self:center;justify-self:center}._code_1nyu9_37{width:100%;max-width:550px}._code_1nyu9_37 input{width:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background-color:transparent;border-bottom:2px dashed hsl(from var(--brand-1) h s calc(l + 20));text-align:center;font-size:inherit;cursor:ew-resize}._code_1nyu9_37 input:focus{outline:none;border-bottom-color:hsl(from var(--brand-1) h s calc(l - 10))}@supports (field-sizing: content){._code_1nyu9_37 input{field-sizing:content;width:auto}}._code_1nyu9_37 input::-webkit-outer-spin-button,._code_1nyu9_37 input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._code_1nyu9_37 input[type=number]{-moz-appearance:textfield}._codeItem_1nyu9_71{display:flex;gap:1rem;background-color:rgb(from #000 r g b/.05);padding:.75rem 1rem;border-radius:10px;margin-bottom:.5rem}._codeItem_1nyu9_71>p{font-size:1rem;font-weight:700}._codeItem_1nyu9_71 ._codeResult_1nyu9_83{margin-inline-start:auto}._codeResult_1nyu9_83{display:flex;align-items:center;flex-wrap:wrap;gap:4px;font-size:16px;font-family:monospace;color:#4b4b4b}._headerWrapper_1nyu9_97{width:100%;display:flex;flex-direction:column;justify-content:flex-end;background:#856e5a}._colorPicker_1nyu9_105{text-align:center;display:inline-flex;flex-wrap:wrap;align-items:center;vertical-align:middle;gap:.5rem}._colorPicker_1nyu9_105 p{font-size:14px}._colorPicker_1nyu9_105 label{--size: 1.25rem;flex:0 0 var(--size);width:var(--size);height:var(--size);background-color:var(--current-color);border-radius:6px;border:1px solid rgba(0,0,0,.3);cursor:pointer}._boardHeader_1nyu9_127{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:var(--header-bg)}._start_1nyu9_135,._end_1nyu9_136{display:flex;align-items:center;gap:8px}._end_1nyu9_136{justify-content:flex-end}._mainHeader_1nyu9_145 ._end_1nyu9_136>*:not(._search_1nyu9_145){display:none}@container (min-width: 700px){._mainHeader_1nyu9_145 ._end_1nyu9_136>*:not(._search_1nyu9_145){display:inline-flex}}._boardHeader_1nyu9_127 ._end_1nyu9_136>*:not(._moreButton_1nyu9_153){display:none}@container (min-width: 400px){._boardHeader_1nyu9_127 ._end_1nyu9_136>*:not(._moreButton_1nyu9_153){display:inline-flex}}._headerActions_1nyu9_162{display:flex;align-items:center;gap:4px}._filterButton_1nyu9_168,._shareButton_1nyu9_169,._moreButton_1nyu9_153{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-flex;gap:6px;align-items:center;justify-content:center;padding:4px 8px;font-size:14px;color:#fff}._filterButton_1nyu9_168:hover,._shareButton_1nyu9_169:hover,._moreButton_1nyu9_153:hover{background-color:var(--bg-color)}._filterButton_1nyu9_168 svg,._shareButton_1nyu9_169 svg,._moreButton_1nyu9_153 svg{fill:#fff}._boardButton_1nyu9_192{background:#ffffff4d}._shareButton_1nyu9_169{background:#0079bf}._shareButton_1nyu9_169:hover{background:#026aa7}._boardTitle_1nyu9_203._boardTitle_1nyu9_203{margin:0;color:#fff;font-size:18px;font-weight:700}._mainHeader_1nyu9_145{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;color:#fff}._mainNav_1nyu9_219{display:none;gap:8px;margin:0 16px}@container (min-width: 700px){._mainNav_1nyu9_219{display:flex}}._mainNav_1nyu9_219 span{color:#fff;background:transparent;border:none;border-radius:3px;font-size:13px;pointer-events:none}._createButton_1nyu9_238{--color: #fff;--bg-color: rgb(from var(--color) r g b / .2);background-color:var(--bg-color);color:#fff;border:none;padding:6px 12px;border-radius:3px;font-size:14px;cursor:pointer}._createButton_1nyu9_238:hover{background:#ffffff4d}._search_1nyu9_145{position:relative}._search_1nyu9_145 input{--color: #fff;--bg-color: rgb(from var(--color) r g b / .2);background-color:var(--bg-color);padding:6px 12px;border:none;border-radius:3px;color:#fff;width:100%;max-width:180px}._search_1nyu9_145 input::-moz-placeholder{color:#fff}._search_1nyu9_145 input::placeholder{color:#fff}._search_1nyu9_145 input:focus{outline:none;background:#ffffffe6}._search_1nyu9_145 input:focus::-moz-placeholder{color:#222}._search_1nyu9_145 input:focus::placeholder{color:#222}._notificationButton_1nyu9_278,._helpButton_1nyu9_279{background:transparent;border:none;padding:6px;color:#fff;border-radius:3px;cursor:pointer}._notificationButton_1nyu9_278:hover,._helpButton_1nyu9_279:hover{background:var(--bg-color)}._notificationButton_1nyu9_278 svg path,._helpButton_1nyu9_279 svg path{fill:#fff}._avatarButton_1nyu9_296{flex:0 0 24px}._avatarButton_1nyu9_296 img{width:100%;border-radius:50%}