*{box-sizing:border-box;outline-color:#0000}*:before,*:after{box-sizing:inherit}svg,picture,video,img{display:block;max-width:100%}input,textarea,select,button,input::file-selector-button{font:inherit;color:#fff;font-size:.9em;margin:0;background-color:transparent;border:1px solid rgb(97.9041916168,108.3473053892,120.0958083832);border-radius:4px;min-height:36px;padding:0 6px}button{padding:0 12px;cursor:pointer}button:hover{background-color:#0000}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=file]{background-color:#212529;padding:6px}input[type=file]::file-selector-button{margin-right:12px;cursor:pointer}input[type=file]::file-selector-button:hover{background-color:#0000}hr{border:1px solid #4b535c}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:400;font-display:swap;src:url(../../../fonts/source-sans-pro.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}a{color:#fafafa}body{margin:0;padding:24px;-webkit-font-smoothing:antialiased;font-family:Source Sans Pro,sans-serif;font-size:16px;line-height:24px;color:#fafafa;background-color:#09090b;min-height:100vh;overflow-x:hidden}.app{display:flex;gap:12px;max-width:1440px;margin:0 auto;border:1px solid #27272a;border-radius:8px}main{width:100%;padding:12px 24px 24px}.content{display:flex;flex-direction:column;gap:12px;padding:4px 0}.container .title{margin-bottom:6px}.blocks{display:flex;gap:12px}.blocks .block{width:100%}.blocks .block span.active{color:#fff}.title{font-size:18px;font-weight:700;margin-bottom:6px;letter-spacing:1px}h1{font-size:24px;margin-top:6px;margin-bottom:6px;letter-spacing:1.5px}pre{padding:12px;border-radius:8px;background-color:#18181b;border:1px solid #27272a}pre code{font-family:monospace;margin:0;font-size:14px;line-height:18px;white-space:pre-wrap;word-break:break-word;color:#ced4da}@media (width < 768px){.app{flex-direction:column;border:0}aside{margin-top:0;margin-bottom:12px}h1{font-size:22px}main{padding:0}}header{display:flex;justify-content:space-between;padding-bottom:12px;max-width:1440px;margin:0 auto}header .logo{margin-bottom:10px}header .logo svg{height:40px;width:auto}header .sidebar-toggle{display:none;border:0;padding:0}@media (width < 768px){header .sidebar-toggle{display:block}}aside{min-width:256px;display:flex;flex-direction:column;gap:2px;padding:24px 12px;border-right:1px solid #27272a}aside .title{padding-left:12px}aside a{display:flex;gap:8px;border-radius:4px;padding:6px 12px;text-decoration:none;transition:background-color .3s;font-size:14px}aside a.active,aside a:hover{background-color:#27272a}aside a svg{width:18px}aside .seperator{height:1em}@media (width < 768px){aside{position:fixed;background-color:#09090b;border:0;z-index:10;top:80px;left:0;right:0;height:calc(100% - 80px);transform:translate(-100%)}body.sidebar-open{overflow-y:hidden}body.sidebar-open aside{transform:translate(0)}}.app-text .settings{position:relative}.app-text .toolbar{display:none;position:absolute;top:24px;right:24px;z-index:1}.app-text .toolbar.active{display:block}.app-text #text{width:100%;resize:vertical;height:194px}.app-text .row{display:flex;gap:6px;flex-wrap:wrap}.app-text textarea.small{height:24px}.app-css-triangle .settings{display:flex;gap:24px}.app-css-triangle .settings input{width:48px;margin-left:6px;text-align:center}.app-css-triangle .directions{display:flex;align-items:center;gap:60px}.app-css-triangle .directions .input{display:flex;flex-direction:column;gap:12px}.app-css-triangle .directions .triangle{width:0;height:0;border-style:solid}.app-css-triangle .direction{display:flex;gap:12px}.app-css-triangle .direction button{display:flex;justify-content:center;align-items:center;width:36px;padding:0}.app-css-triangle .direction button[title=none]{cursor:default}.app-css-triangle .direction button[title=none]:hover{background-color:transparent}.app-css-triangle .direction button svg{width:18px;height:18px}.app-css-triangle .direction button svg.none{display:none}.app-css-triangle .direction button svg.top-left{transform:rotate(135deg)}.app-css-triangle .direction button svg.top{transform:rotate(180deg)}.app-css-triangle .direction button svg.top-right{transform:rotate(225deg)}.app-css-triangle .direction button svg.left{transform:rotate(90deg)}.app-css-triangle .direction button svg.right{transform:rotate(270deg)}.app-css-triangle .direction button svg.bottom-left{transform:rotate(45deg)}.app-css-triangle .direction button svg.bottom-right{transform:rotate(315deg)}.app-border-radius .settings{display:flex;gap:24px}.app-border-radius .settings input{width:48px;margin-left:6px;text-align:center}.app-border-radius .preview-container{display:inline-block;position:relative;padding:24px}.app-border-radius .preview-container .bar{position:absolute;background-color:#fafafa;border-radius:99px}.app-border-radius .preview-container .bar-top{left:24px;top:0;right:24px;height:12px}.app-border-radius .preview-container .bar-left{top:24px;left:0;bottom:24px;width:12px}.app-border-radius .preview-container .bar-bottom{left:24px;bottom:0;right:24px;height:12px}.app-border-radius .preview-container .bar-right{top:24px;right:0;bottom:24px;width:12px}.app-border-radius .preview-container .slider{position:relative}.app-border-radius .preview-container .slider .thumb{cursor:pointer;background:none;color:inherit;border:none;padding:0;font:inherit;display:block;width:12px;height:12px;border-radius:99px;background-color:#111;position:absolute;min-height:auto}.app-border-radius .preview{background-color:#ae94fe}.app-border-radius .result pre{display:inline-block}.app-lorem-ipsum .settings{display:flex;gap:12px}.app-lorem-ipsum .settings input{width:48px;text-align:center;margin-left:12px}.app-lorem-ipsum .text{white-space:pre-wrap}.app-event-codes .block{border-radius:8px;padding:12px;border:1px solid #27272a}.app-event-codes .block small{font-family:monospace;font-size:.7em}.app-screen-size .block{border-radius:8px;padding:12px;border:1px solid #27272a}.app-screen-size .block .double-value{display:flex;justify-content:space-between}.app-screen-size .block small{font-family:monospace;font-size:.7em}.app-screen-size .inch{display:flex;align-items:center;justify-content:center;font-size:2em;width:1in;height:1in;border:1px solid #27272a;border-radius:8px}.app-screen-size .inch:hover,.app-screen-size .inch:active,.app-screen-size .inch:focus{border-radius:0}.app-wheel .wheel{display:flex;justify-content:center;padding:36px 0}.app-wheel .board{position:relative}.app-wheel .spinner-table{height:350px;width:350px;position:relative;border-radius:100%;overflow:hidden;transition:transform 4s cubic-bezier(0,0,0,1);background-color:#ae94fe;box-shadow:0 0 12px #151515}.app-wheel .dial{cursor:pointer;background:none;color:inherit;border:none;padding:0;font:inherit;display:block;height:100%}.app-wheel .dial:before{content:"";text-align:center;display:block;position:absolute;height:40px;width:40px;background:#fff;box-shadow:0 0 5px 5px #0000001a;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:100%;z-index:2}.app-wheel .dial .slice{z-index:1;position:absolute;left:50%;width:50%;color:#fff;text-align:right;padding-right:10px;display:block;transform-origin:left center}.app-wheel .dial .slice:before,.app-wheel .dial .slice:after{content:"";display:block;width:0;height:0;border-style:solid}.app-wheel .dial .slice:before{margin-bottom:-1px;margin-top:-2px;border-color:transparent transparent #ae94fe transparent}.app-wheel .dial .slice:after{margin-top:-1px;margin-bottom:-2px;border-color:transparent #ae94fe transparent transparent}.app-wheel .dial .slice:nth-child(2n):before{border-color:transparent transparent rgb(143.4,107.5777777778,253.6222222222) transparent}.app-wheel .dial .slice:nth-child(2n):after{border-color:transparent rgb(143.4,107.5777777778,253.6222222222) transparent transparent}.app-wheel .dial .slice .label{position:absolute;top:0;bottom:0;width:70%;padding-top:1px;padding-bottom:1px;font-size:16px;text-align:right;padding-left:20px}.app-wheel .arrow{width:0;height:0;border-style:solid;border-width:15px 30px 15px 0;border-color:transparent #fff transparent transparent;box-shadow:0 0 #333;position:absolute;top:50%;right:0;transform:translate(50%,-50%)}.app-wheel .winner h2{text-align:center}.app-wheel .settings textarea{width:100%;resize:vertical;height:146px}