:root{--editor-compose-a-security-header-background:#a08847;--editor-header-color:#37979c;--editor-page-background:#fbe6c6;--editor-page-background-alt:#fff;--editor-page-color:#333;--editor-color-main:#333;--editor-color-secondary:#555;--editor-color-text:#fff;--editor-part-header-width:130px;--sample-width:200px;--sample-blank-width:calc(var(--sample-width) * 1.0625);--sample-height:44px;--sample-padding:0.25rem;--sample-font-weight:400;--sample-line-height:0.8;--sample-padding-y:0.1rem}.tsias-page--embedded .chakra-container{max-width:100%;padding-left:0;padding-right:0}@media (min-width:960px){:root{--sample-height:54px;--sample-padding-y:0.25rem}}.tsias-editor{color:var(--editor-color-text);font-family:var(--chakra-fonts-jersey10)}.tsias-editor__compose-a-security-header{background:var(--editor-compose-a-security-header-background)}.tsias-editor__controls{background:var(--editor-color-main);margin-top:1rem}.tsias-editor__main{background:var(--editor-color-main);display:grid;grid-template-columns:var(--editor-part-header-width) calc(100% - var(--editor-part-header-width));margin-top:.5rem}.tsias-editor__main--open{opacity:.7}.tsias-editor__layers-wrapper{contain:content}.tsias-editor__layers{display:flex;max-width:100%;-webkit-overflow-scrolling:touch;overflow-x:scroll;position:relative;scroll-behavior:smooth;scroll-snap-type:x mandatory;width:100%}@-moz-document url-prefix(){.tsias-editor__layers{scrollbar-color:#000 var(--editor-color-secondary);scrollbar-width:thin}}.tsias-editor__layers::-webkit-scrollbar{height:.25rem;width:.25rem}.tsias-editor__layers::-webkit-scrollbar-thumb{background:#000;border-radius:0}.tsias-editor__layers::-webkit-scrollbar-track{background:var(--editor-color-secondary)}.tsias-editor__layer{max-width:var(--sample-width);min-width:var(--sample-width);scroll-snap-align:start;width:var(--sample-width)}.tsias-editor__layer--blank{max-width:var(--sample-blank-width);min-width:var(--sample-blank-width);width:var(--sample-blank-width)}.tsias-editor__parts{background:var(--editor-color-main);border-right:4px solid #000}.tsias-editor__head-cell{height:2rem}.tsias-editor__cell{height:var(--sample-height)}.tsias-editor__part-body{justify-content:flex-end}.tsias-editor__layer-header,.tsias-editor__part-body{align-items:center;display:flex;font-size:1.2rem;font-weight:var(--sample-font-weight);padding:0 var(--sample-padding);text-transform:uppercase}.tsias-editor__layer-header{background:var(--editor-color-main);justify-content:center;margin-bottom:2rem;position:sticky;top:0;width:var(--sample-width)}.tsias-editor__layer-body{align-items:center;display:flex;justify-content:center;padding:0 var(--sample-padding)}.tsias-editor__layer-body[data-first-half="1"]{justify-content:flex-start}.tsias-editor__layer-body[data-first-half="1"] .tsias-editor__sample{width:48%}.tsias-editor__layer-body[data-second-half="1"]{justify-content:flex-end}.tsias-editor__layer-body[data-second-half="1"] .tsias-editor__sample{width:48%}.tsias-editor__layer-body{left:4px;position:relative}.tsias-editor__layer:last-child .tsias-editor__layer-body{border-right:0}.tsias-editor__main-wrapper{position:relative}.tsias-editor__sample-selector{--sample-selector-padding:0.5rem;height:calc(100% - calc(var(--sample-selector-padding) * 2));left:var(--sample-selector-padding);position:absolute;top:var(--sample-selector-padding);width:calc(100% - calc(var(--sample-selector-padding) * 2))}.tsias-editor__sample-selector-scroll{max-height:445px;overflow-y:scroll;overscroll-behavior:contain;padding:.5rem}@-moz-document url-prefix(){.tsias-editor__sample-selector-scroll{scrollbar-color:#000 var(--editor-color-secondary);scrollbar-width:thin}}.tsias-editor__sample-selector-scroll::-webkit-scrollbar{height:.25rem;width:.25rem}.tsias-editor__sample-selector-scroll::-webkit-scrollbar-thumb{background:#000;border-radius:0}.tsias-editor__sample-selector-scroll::-webkit-scrollbar-track{background:var(--editor-color-secondary)}@media (min-width:768px){.tsias-editor__sample-selector-scroll{display:grid;grid-template-columns:1fr 1fr}}@media (min-width:960px){.tsias-editor__sample-selector{--sample-selector-padding:1rem}.tsias-editor__sample-selector-scroll{max-height:530px}}.tsias-editor__selector{background:var(--editor-color-main);padding:0}.tsias-editor__selector__header{align-items:center;background:#1d1d1d;display:flex;font-size:1.2rem;justify-content:space-between;padding:.25rem 1rem;text-transform:uppercase}.tsias-editor_preview-controls__name{font-size:1.2rem}.tsias-editor_preview-controls{align-items:center;display:flex;gap:1rem;margin-bottom:.25rem}.tsias-editor_preview{background:#1d1d1d;display:inline-block;margin-bottom:1rem}.tsias-editor_preview-audio{align-items:center;border-radius:0;display:block;filter:invert(1);height:2rem;justify-content:center;padding:0}.tsias-editor_preview-audio::-webkit-media-controls-enclosure{background:transparent;border:0;border-radius:0!important;color:#fff;margin:0;padding:0}.tsias-editor_preview-audio::-webkit-media-controls-panel{color:#fff;margin:0;padding:0}@-moz-document url-prefix(){.tsias-editor_preview-audio{filter:none}}.tsias-editor__sample{border:1px solid #000;border-radius:.5rem;height:calc(100% - (var(--sample-padding) * 2));width:100%}.tsias-editor__layer-body .tsias-editor__sample{background:#97561d;cursor:pointer}.tsias-editor__layer-body+.tsias-editor__layer-body .tsias-editor__sample{background:#9764ec}.tsias-editor__layer-body+.tsias-editor__layer-body+.tsias-editor__layer-body .tsias-editor__sample{background:#3a83d3}.tsias-editor__layer-body+.tsias-editor__layer-body+.tsias-editor__layer-body+.tsias-editor__layer-body .tsias-editor__sample{background:#a18847}.tsias-editor__layer-body+.tsias-editor__layer-body+.tsias-editor__layer-body+.tsias-editor__layer-body+.tsias-editor__layer-body .tsias-editor__sample{background:#5ea1a5}.tsias-editor__layer-body+.tsias-editor__layer-body+.tsias-editor__layer-body+.tsias-editor__layer-body+.tsias-editor__layer-body+.tsias-editor__layer-body .tsias-editor__sample{background:#72a44a}.tsias-editor__layer-body+.tsias-editor__layer-body+.tsias-editor__layer-body+.tsias-editor__layer-body+.tsias-editor__layer-body+.tsias-editor__layer-body+.tsias-editor__layer-body .tsias-editor__sample{background:#9f4c4e}.tsias-editor__layer-body+.tsias-editor__layer-body+.tsias-editor__layer-body+.tsias-editor__layer-body+.tsias-editor__layer-body+.tsias-editor__layer-body+.tsias-editor__layer-body+.tsias-editor__layer-body .tsias-editor__sample{background:#97561d}.tsias-editor__layer-body+.tsias-editor__layer-body+.tsias-editor__layer-body+.tsias-editor__layer-body+.tsias-editor__layer-body+.tsias-editor__layer-body+.tsias-editor__layer-body+.tsias-editor__layer-body+.tsias-editor__layer-body .tsias-editor__sample{background:#9764ec}.tsias-editor__layer-body+.tsias-editor__layer-body+.tsias-editor__layer-body+.tsias-editor__layer-body+.tsias-editor__layer-body+.tsias-editor__layer-body+.tsias-editor__layer-body+.tsias-editor__layer-body+.tsias-editor__layer-body+.tsias-editor__layer-body .tsias-editor__sample{background:#3a83d3}.tsias-editor__layer-body+.tsias-editor__layer-body+.tsias-editor__layer-body+.tsias-editor__layer-body+.tsias-editor__layer-body+.tsias-editor__layer-body+.tsias-editor__layer-body+.tsias-editor__layer-body+.tsias-editor__layer-body+.tsias-editor__layer-body+.tsias-editor__layer-body .tsias-editor__sample{background:#a18847}.tsias-editor__sample:hover{transform:scale(1.04)}.tsias-editor__sample-name{font-size:1rem;font-weight:var(--sample-font-weight);line-height:var(--sample-line-height);padding:var(--sample-padding-y) .5rem}.tsias-editor__track{align-items:center;background:#000;border:0;display:flex;height:2rem;justify-content:center;left:0;position:absolute;top:2rem;width:calc(calc(var(--sample-width) * 7) + var(--sample-blank-width) + 8px);z-index:10}.tsias-editor_progress-text{font-size:1.6rem;margin-left:1rem;text-align:right;width:120px}.tsias-editor__track-ticks{color:#fff;display:flex;font-size:12px;left:0;position:absolute;top:0;width:100%}.tsias-editor__track-tick{position:relative;text-align:center;width:.775194%}.tsias-editor__track-tick:after{background:#666;content:"\00a0";display:block;height:10px;left:calc(50% - 1px);position:absolute;width:1px}.tsias-editor__track-tick--main:after{background:#fff}.tsias-editor__progress-range{-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;height:100%;outline:none;position:relative;transition:.2s;width:100%;z-index:10}.tsias-editor__progress-range::-moz-range-thumb{-moz-appearance:none;background:#fcfda3;border:0;border-radius:0;clip-path:polygon(0 1px,1px 0,calc(100% - 1px) 0,100% 1px,100% 80%,52% 100%,48% 100%,0 80%,0 0);content:"\00a0";cursor:pointer;height:16px;opacity:1;padding:0;position:relative;top:6px;width:11px}.tsias-editor__progress-range::-webkit-slider-thumb{-webkit-appearance:none;background:#fcfda3;border:0;border-radius:0;clip-path:polygon(0 1px,1px 0,calc(100% - 1px) 0,100% 1px,100% 80%,52% 100%,48% 100%,0 80%,0 0);content:"\00a0";cursor:pointer;height:16px;opacity:1;padding:0;position:relative;top:6px;width:11px}.tsias-editor_back-button-icon,.tsias-editor_button-icon{filter:invert(1)}.tsias-editor_button-icon--eth{height:16px;width:auto}.tsias-editor_button-icon--allowlist{height:26px;position:absolute;width:26px;z-index:2}.tsias-editor_button-icon--allowlist--shadow{left:3px;position:absolute;top:7px;z-index:1}.tsias-editor_button-icon--arrow-down{height:36px;position:absolute;width:36px;z-index:2}.tsias-editor_button-icon--arrow-down--shadow{left:3px;position:absolute;top:3px;z-index:1}.tsias-editor_button-icon--preview{height:24px;position:absolute;width:24px;z-index:2}.tsias-editor_button-icon--preview--shadow{left:1px;opacity:.4;position:absolute;top:2px;z-index:1}.tsias-editor_button--allowlist{background:var(--editor-compose-a-security-header-background)!important;color:#fff;font-family:var(--chakra-fonts-jersey10);font-size:32px!important;height:auto!important;padding:4px 8px!important;width:auto!important}.tsias-editor_button--jump{background:var(--editor-compose-a-security-header-background)!important;color:#fff;font-family:var(--chakra-fonts-jersey10);font-size:32px!important;height:auto!important;padding:4px 8px!important;width:auto!important}@media (min-width:960px){.tsias-editor_button--jump{padding:8px 12px!important;transform:rotate(6deg)!important}.tsias-editor_button--jump:hover{transform:rotate(6deg) scale(1.06)!important}}.tsias-editor_button--close{background:#9f4c4e!important;width:100px}.tsias-editor_button--selected{background:#5ea1a5!important;margin-right:1rem}.tsias-editor_button--selected:hover{cursor:default!important;transform:none!important}.tsias-editor__truncated-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.pixel-corners,.pixel-corners--wrapper{clip-path:polygon(0 calc(100% - 8px),4px calc(100% - 8px),4px calc(100% - 4px),8px calc(100% - 4px),8px 100%,calc(100% - 8px) 100%,calc(100% - 8px) calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) calc(100% - 8px),100% calc(100% - 8px),100% 8px,calc(100% - 4px) 8px,calc(100% - 4px) 4px,calc(100% - 8px) 4px,calc(100% - 8px) 0,8px 0,8px 4px,4px 4px,4px 8px,0 8px);position:relative}.pixel-corners{border:4px solid transparent}.pixel-corners--wrapper{height:fit-content;width:fit-content}.pixel-corners--wrapper .pixel-corners{clip-path:polygon(4px 8px,8px 8px,8px 4px,calc(100% - 8px) 4px,calc(100% - 8px) 8px,calc(100% - 4px) 8px,calc(100% - 4px) calc(100% - 8px),calc(100% - 8px) calc(100% - 8px),calc(100% - 8px) calc(100% - 4px),8px calc(100% - 4px),8px calc(100% - 8px),4px calc(100% - 8px));display:block}.pixel-corners--wrapper:after,.pixel-corners:after{background:#000;clip-path:polygon(0 calc(100% - 8px),4px calc(100% - 8px),4px calc(100% - 4px),8px calc(100% - 4px),8px 100%,calc(100% - 8px) 100%,calc(100% - 8px) calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) calc(100% - 8px),100% calc(100% - 8px),100% 8px,calc(100% - 4px) 8px,calc(100% - 4px) 4px,calc(100% - 8px) 4px,calc(100% - 8px) 0,8px 0,8px 4px,4px 4px,4px 8px,0 8px,0 50%,4px 50%,4px 8px,8px 8px,8px 4px,calc(100% - 8px) 4px,calc(100% - 8px) 8px,calc(100% - 4px) 8px,calc(100% - 4px) calc(100% - 8px),calc(100% - 8px) calc(100% - 8px),calc(100% - 8px) calc(100% - 4px),8px calc(100% - 4px),8px calc(100% - 8px),4px calc(100% - 8px),4px 50%,0 50%);content:"";display:block;inset:0;pointer-events:none;position:absolute}.pixel-corners:after{margin:-4px}