._root_2fex7_1{margin:30px 0}._root_2fex7_1+._root_2fex7_1{margin-top:0}._sandbox_2fex7_9{overflow:hidden;width:100%;max-width:720px;padding:15px;border:1px solid var(--sl-color-hairline);border-radius:.5rem;background:var(--sl-color-bg)}._preview_2fex7_21{--gradient-tile-size: 18px;--gradient-color-1: var(--sl-color-gray-6);--gradient-color-2: var(--sl-color-bg);--gradient: linear-gradient(to top left, var(--gradient-color-2) 25.1%, transparent 0, transparent 74.9%, var(--gradient-color-2) 0);overflow:hidden;display:flex;align-items:center;justify-content:center;aspect-ratio:3/2;width:100%;background-color:var(--gradient-color-1);background-image:var(--gradient),var(--gradient);background-position:50% 50%,calc(var(--gradient-tile-size) / 2 + 50%) calc(var(--gradient-tile-size) / 2 + 50%);background-size:var(--gradient-tile-size) var(--gradient-tile-size),var(--gradient-tile-size) var(--gradient-tile-size)}._preview_2fex7_21>img{pointer-events:none;display:block;max-width:100%;max-height:100%}._preview_2fex7_21>img[data-change-cursor=true]{pointer-events:auto;cursor:crosshair}._secondBar_2fex7_57{position:relative;overflow:hidden;height:48px;margin-block:15px;padding:0 15px;border-radius:.5rem;line-height:48px;background-color:var(--sl-color-gray-6)}._parameters_2fex7_72{display:block;white-space:nowrap}._copyFeedback_2fex7_77{pointer-events:none;position:absolute;top:0;left:0;display:flex;align-items:center;width:100%;height:100%;padding:0 15px;font-size:smaller;visibility:hidden;opacity:0;background-color:var(--sl-color-gray-7);transition:all .25s ease-in-out;&[data-visible=true]{visibility:visible;opacity:1}}._actions_2fex7_105{position:absolute;z-index:1;top:0;right:0;display:flex;height:100%;background-color:var(--sl-color-gray-2)}._actions_2fex7_105 a._open_2fex7_118{display:flex;align-items:center;justify-content:center;width:48px;height:48px;color:var(--sl-color-bg);text-decoration:none}._actions_2fex7_105 button._copy_2fex7_77{cursor:pointer;display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0;padding:0;border:none;color:var(--sl-color-bg);background-color:transparent}._icon_2fex7_148{flex-shrink:0;width:15px}._options_2fex7_153{display:flex;flex-direction:column;gap:30px;padding:30px 0 15px}._option_2fex7_153{display:flex;flex-flow:column wrap;gap:20px;width:100%;padding-bottom:30px;border-bottom:1px solid var(--sl-color-hairline);@media (width >= 480px){flex-direction:row}}._option_2fex7_153:last-child{padding-bottom:0;border:0}._optionNameContainer_2fex7_179{display:flex;flex-shrink:0}._optionName_2fex7_179{width:90px;font-weight:700}._optionNameContainer_2fex7_179:has(._toggle_2fex7_189) ._optionName_2fex7_179{width:110px;line-height:26px}._option_2fex7_153:has(._optionSettings_2fex7_194) ._optionNameContainer_2fex7_179{margin-bottom:10px;@media (width >= 480px){margin-bottom:0}}._optionSettings_2fex7_194{display:flex;flex:1;gap:20px;width:100%;min-width:300px}._optionSettings_2fex7_194 button{cursor:pointer;height:26px;margin:0;padding:0 15px;border:none;border-radius:100px;background-color:var(--sl-color-hairline);transition:ease .25s all}._optionSettings_2fex7_194 button:disabled{color:var(--sl-color-gray-4);background-color:var(--sl-color-gray-5)}._optionSettings_2fex7_194 p:last-child{margin-bottom:0}._optionSettingsGroup_2fex7_234{display:flex;flex-direction:column;flex-grow:1;gap:15px}._optionWithLabel_2fex7_241{display:flex;flex-direction:row;gap:10px}._optionWithLabel_2fex7_241 span,._optionWithLabel_2fex7_241 label{align-self:center}._options_2fex7_153 input{accent-color:var(--sl-color-accent);transition:ease .25s all}._options_2fex7_153 select{transition:ease .25s all}._options_2fex7_153 ._rangeSlider_2fex7_261{display:flex;flex-grow:1;gap:10px;align-items:center;align-self:center}._options_2fex7_153 input[type=range]{flex-grow:1;height:8px;border:none;border-radius:8px;appearance:none;background-color:var(--sl-color-gray-6)}._options_2fex7_153 input[type=range]:focus{outline:none}._options_2fex7_153 input[type=range]:focus-visible{outline:2px solid var(--sl-color-accent)}._options_2fex7_153 input[type=range]::-webkit-slider-thumb{cursor:pointer;width:16px;height:16px;border-radius:100%;appearance:none;background-color:var(--sl-color-accent);transition:ease .25s all}._options_2fex7_153 input[type=range]::-moz-range-thumb{cursor:pointer;width:16px;height:16px;border-radius:100%;background-color:var(--sl-color-accent);transition:ease .25s all}._options_2fex7_153 input[type=range]:disabled::-webkit-slider-thumb{background-color:var(--sl-color-gray-4)}._options_2fex7_153 input[type=range]:disabled::-moz-range-thumb{background-color:var(--sl-color-gray-4)}._options_2fex7_153 ._toggle_2fex7_189{position:relative}._options_2fex7_153 ._toggle_2fex7_189>input[type=checkbox]{position:absolute;top:0;left:0;width:52px;height:26px;opacity:0}._options_2fex7_153 ._optionSettingsGroup_2fex7_234 ._toggle_2fex7_189>input[type=checkbox]{width:40px;height:20px}._options_2fex7_153 ._toggle_2fex7_189>label{cursor:pointer;position:relative;display:block;width:52px;height:26px;border-radius:100px;text-indent:-9999px;background-color:var(--sl-color-gray-6);transition:ease .25s all}._options_2fex7_153 ._optionSettingsGroup_2fex7_234 ._toggle_2fex7_189>label{width:40px;height:20px}._options_2fex7_153 ._toggle_2fex7_189>label:after{content:"";position:absolute;top:5px;left:5px;width:16px;height:16px;border-radius:100%;background-color:var(--sl-color-accent);transition:ease .25s all}._options_2fex7_153 ._optionSettingsGroup_2fex7_234 ._toggle_2fex7_189>label:after{top:4px;left:4px;width:12px;height:12px}._options_2fex7_153 ._toggle_2fex7_189>input:disabled+label:after{background-color:var(--sl-color-gray-4)}._options_2fex7_153 ._toggle_2fex7_189>input:checked+label{background-color:var(--sl-color-accent)}._options_2fex7_153 ._toggle_2fex7_189>input:checked:disabled+label{background-color:var(--sl-color-hairline)}._options_2fex7_153 ._toggle_2fex7_189>input:checked+label:after{left:calc(100% - 5px);transform:translate(-100%);background-color:var(--sl-color-bg)}._options_2fex7_153 ._toggle_2fex7_189>input:checked:disabled+label:after{left:calc(100% - 5px);transform:translate(-100%);background-color:var(--sl-color-gray-4)}._options_2fex7_153 ._toggle_2fex7_189>input[type=checkbox]:focus-visible+label{outline:2px solid var(--sl-color-accent)}