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