@import url("https://statics.goorm.io/fonts/GoormSans/v1.0.0/GoormSans.min.css");@import url("https://statics.goorm.io/fonts/GoormSansCode/v1.0.1/GoormSansCode.min.css");.font-style-section{display:flex;flex-direction:column;gap:var(--vapor-size-space-400);width:100%}.font-style-content{display:flex;flex-direction:column;gap:var(--vapor-size-space-300)}.font-control{display:flex;gap:var(--vapor-size-space-200);align-items:center;width:100%}.font-select [data-part=trigger-icon],.font-select svg,.font-select>:last-child{display:flex;align-items:center;justify-content:center}.font-preview-input{width:22.5rem}.font-scale-control{display:flex;flex:1;gap:var(--vapor-size-space-050,4px);align-items:center;min-width:0}.font-scale-icon{width:var(--vapor-size-dimension-300);height:var(--vapor-size-dimension-300);flex-shrink:0;color:var(--vapor-color-foreground-normal-200)}.font-scale-slider{flex:1;min-width:0}.font-style-item,.font-style-wrapper{display:flex;flex-direction:column;width:100%}.font-style-item{border-top:1px solid var(--vapor-color-border-normal);gap:var(--vapor-size-space-200);padding:var(--vapor-size-space-300) 0}.font-style-item:last-child{border-bottom:1px solid var(--vapor-color-border-normal)}.font-preview-text-wrapper{width:100%;position:relative}.font-preview-text-wrapper:after{content:"";background:linear-gradient(to left,var(--vapor-color-background-canvas-100) 0,transparent 100%);inset:0 0 0 auto;position:absolute;width:min(5rem,100%);pointer-events:none;opacity:1}.font-preview-text{display:block;visibility:hidden;white-space:nowrap;word-wrap:break-word}.font-preview-text,.font-preview-text-input{width:100%;min-height:3.875rem;overflow:hidden}.font-preview-text-input{position:absolute;top:0;left:0;border:none;background:transparent;padding:0;margin:0;outline:none;font-family:inherit;color:var(--vapor-color-foreground-normal-200);resize:none}.font-preview-text-input:focus{outline-offset:-2px;border-radius:4px}.font-preview-text-input::placeholder{opacity:.3}@media (max-width:768px){.font-control{flex-direction:column;height:auto;gap:var(--vapor-size-space-200)}.font-preview-input,.font-select,.font-select-wrapper{width:100%}.font-scale-control{display:none}.font-preview-text,.font-preview-text-input{font-size:var(--vapor-typography-fontSize-400)!important}.font-style-item{gap:var(--vapor-size-space-100);padding:var(--vapor-size-space-300) 0 var(--vapor-size-space-200) 0}}.slider-container{position:relative;display:flex;align-items:center;width:100%;height:var(--vapor-size-dimension-250);touch-action:none;user-select:none}.slider-track{width:100%;height:var(--vapor-size-dimension-075);background-color:var(--vapor-color-background-canvas-200);overflow:hidden;top:50%;transform:translateY(-50%)}.slider-range,.slider-track{position:absolute;border-radius:9999px}.slider-range{height:100%;background-color:var(--vapor-color-foreground-normal-200);transition:right .1s ease}.slider-input{position:relative;width:100%;height:var(--vapor-size-dimension-250);margin:0;padding:0;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;z-index:1}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--vapor-size-dimension-200);height:var(--vapor-size-dimension-200);border-radius:50%;background:white;border:1px solid var(--vapor-color-foreground-normal-200);cursor:pointer;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);transition:box-shadow .15s ease;position:relative;z-index:2;margin-top:-5px}.slider-input::-webkit-slider-thumb:hover{box-shadow:0 0 0 4px rgba(38,38,38,.1)}.slider-input::-webkit-slider-thumb:active{box-shadow:0 0 0 4px rgba(38,38,38,.15)}.slider-input::-moz-range-thumb{width:var(--vapor-size-dimension-200);height:var(--vapor-size-dimension-200);border-radius:50%;background:white;border:1px solid var(--vapor-color-foreground-normal-200);cursor:pointer;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);transition:box-shadow .15s ease;position:relative;z-index:2}.slider-input::-moz-range-thumb:hover{box-shadow:0 0 0 4px rgba(38,38,38,.1)}.slider-input::-moz-range-thumb:active{box-shadow:0 0 0 4px rgba(38,38,38,.15)}.slider-input::-webkit-slider-runnable-track{height:var(--vapor-size-dimension-075);background:transparent;border-radius:9999px}.slider-input::-moz-range-track{height:var(--vapor-size-dimension-075);background:transparent;border-radius:9999px}.slider-input:focus{outline:none}.slider-input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px rgba(38,38,38,.1)}.slider-input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px rgba(38,38,38,.1)}