/* Fondos custom para cada estilo */
#output[data-style="xp"] {
    background: #F8F5EE;
}

#output[data-style="xpgreen"] {
    background: #acc188;
}

#output[data-style="xpsilver"] {
    background: #95b8f1;
}

#output[data-style="osx"] {
    background: #f4f4f4;
}

#output[data-style="win"] {
    background: #008281;
}

#output[data-style="vista"] {
    background: #a7cbd9;
}

#output[data-style="macosnine"] {
    background: #DEDEDE;
}

#output[data-style="steam"] {
    background: #4c5844;
}

#output[data-style="utIce"] {
    background: #A3CFFF;
}

#output[data-style="utMetal"] {
    background: #FFD18D;
}

#output[data-style="sims"] {
    background: #0A2075;
    background-image: linear-gradient(0deg, #0B1C6B 0%, #062883 100%);
}

#output[data-style="simsTwo"] {
    background: #A5B3EC;
}

/*
Estilo Win XP (Default)
1.0 @notdarriagada
19-02-2026
*/
[data-style="xp"]#preview {
    color: #222;
    font-size: 1rem;
    padding: 5px 10px;
    max-width: fit-content;
    min-width: 100px;
    border-radius: 4px;
    background: linear-gradient(0deg, #FFF 0%, #FCF6EE 100%);
    border: 1px solid #05447f;
    box-shadow: 0 -1px 0px 0 rgba(0, 0, 0, 0.10), -2px -2px 3px 0 #D3CEC6 inset, 0px 2px 2px 0 #ffffff inset;
    position: relative;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

[data-style="xp"][has-hover="true"]#preview:hover {
  outline: 2px solid rgba(255, 170, 0, 0.85);
  outline-offset: -3px;
  background-color: none;
  mix-blend-mode: darken;
}

[data-style="xp"][has-focus="true"]#preview:focus-visible,
[data-style="xp"][has-focus="true"]#preview {
  outline: 2px solid rgba(139, 170, 255, 0.85);
  outline-offset: -3px;
  background-color: none;
  mix-blend-mode: darken;
}

[data-style="xp"][has-active="true"]#preview:active {
    outline: none;
    background: linear-gradient(180deg, #E3E2DB 0%, #E3E2DB 100%);
    box-shadow: 0 1px 0px 0 rgba(0, 0, 0, 0.10), 2px 2px 2px 0 #D3CEC6 inset, 0px -1px 1px 0 #ffffff inset;
}

[data-style="xp"]#preview:disabled,
[data-style="xp"]#preview:disabled:hover,
[data-style="xp"]#preview:disabled:active {
    color: #ACAC9F;
    background: #F5F4EB;
    border-color: #ACAC9F;
    outline: none;
    box-shadow: none;
    user-select: none;
    cursor: not-allowed;
}

/*
Estilo Win XP (Green)
1.0 @notdarriagada
06-03-2026
*/
[data-style="xpgreen"]#preview {
    color: #222;
    font-size: 1rem;
    padding: 5px 10px;
    max-width: fit-content;
    min-width: 100px;
    border-radius: 4px;
    background: linear-gradient(0deg,#EDECD5 0%, #FEFFF1 100%);
    border: 1px solid #6D8449;
    box-shadow: 0 -1px 0px 0 rgba(0, 0, 0, 0.10), -2px -2px 1px 0 #e1dfb5 inset;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

[data-style="xpgreen"][has-hover="true"]#preview:hover {
  outline: 2px solid rgba(255, 170, 0, 0.956);
  outline-offset: -3px;
}

[data-style="xpgreen"][has-focus="true"]#preview:focus-visible,
#preview[data-style="xpgreen"][has-focus="true"]  {
  outline: 2px solid rgba(169, 191, 134, 0.95);
  outline-offset: -3px;
  background-color: none;
}

[data-style="xpgreen"][has-active="true"]#preview:active {
    outline: none;
    background: linear-gradient(180deg, #E1E0BD 0%, #ebedd6 100%);
    box-shadow: 0 1px 0px 0 rgba(0, 0, 0, 0.10), 0px 1px 0px 0 #ffffff inset;
}

[data-style="xpgreen"]#preview:disabled,
[data-style="xpgreen"]#preview:disabled:hover,
[data-style="xpgreen"]#preview:disabled:active {
    color: #ACAC9F;
    background: #F5F4EB;
    border-color: #ACAC9F;
    outline: none;
    box-shadow: none;
    user-select: none;
    cursor: not-allowed;
}

/*
Estilo Win XP (Silver)
1.0 @notdarriagada
06-03-2026
*/
[data-style="xpsilver"]#preview {
    color: #222;
    font-size: 1rem;
    padding: 5px 10px;
    max-width: fit-content;
    min-width: 100px;
    border-radius: 4px;
    background: linear-gradient(180deg, #F8F8F8 41.35%, #E4E3F2 65.87%);
    border: 1px solid #496B92;
    box-shadow: 0 -1px 0px 0 rgba(0, 0, 0, 0.10), -1px -2px 2px 0 #C7C7D6 inset;
    position: relative;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

[data-style="xpsilver"][has-hover="true"]#preview:hover {
  outline: 2px solid rgba(255, 170, 0, 0.956);
  outline-offset: -3px;
}

[data-style="xpsilver"][has-focus="true"]#preview:focus-visible,
#preview[data-style="xpsilver"][has-focus="true"] {
  outline: 2px solid rgba(120, 162, 230, 0.95);
  outline-offset: -3px;
  background-color: none;
}

[data-style="xpsilver"][has-active="true"]#preview:active {
    outline: none;
    background: linear-gradient(180deg, #C5C4D2 0%, #ECECEC 51.44%, #FDFDFD 100%);
    box-shadow: 0 1px 0px 0 rgba(0, 0, 0, 0.10), 0px 1px 0px 0 #ffffff inset;
}

[data-style="xpsilver"]#preview:disabled,
[data-style="xpsilver"]#preview:disabled:hover,
[data-style="xpsilver"]#preview:disabled:active {
    color: #ACAC9F;
    background: #F1F1ED;
    border-color: #D3D3D1;
    outline: none;
    box-shadow: none;
    user-select: none;
    cursor: not-allowed;
}

/*
Estilo MacOS X
1.1 @notdarriagada
22-02-2026
*/
[data-style="osx"]#preview {
    color: #111;
    font-size: 1rem;
    background: #F9F9F9;
    padding: 4px 20px;
    border-radius: 99px;
    border: 0;
    outline: 1px solid rgba(116, 116, 116, 0.4);
    outline-offset: -1px;
    background: linear-gradient(0deg, #F9F9F9 6.73%, #C7C7C7 63.46%, #7C7C7C 78.85%);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.20), 0 6px 4px 0 rgba(74, 74, 74, 0.4) inset;
    max-width: fit-content;
    min-width: 100px;
    position: relative;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

[data-style="osx"]#preview > span {
    z-index: 99;
    position: relative;
}

[data-style="osx"]#preview::after {
    content: "";
    width: 86%;
    height: 10px;
    position: absolute;
    place-self: center; 
    margin-top: -15px;
    inset: 0;
    /*left: 0; 
    right: 0; 
    top: 0;
    margin-top: 1px;
    margin-inline: auto; */
    border-radius: 99px;
    background: rgba(249, 249, 249, 0.80);
    filter: blur(1px);
}


[data-style="osx"][is-full="true"]#preview::after {
    width: 97% !important;
}

[data-style="osx"][has-hover="true"]#preview:hover {
    filter: brightness(105%);
}

/* Efecto de respiración al hacer focus */
@keyframes blink {
	0%,
	50%,
	100% {
		filter: brightness(95%);
	}

	25%,
	75% {
		filter: brightness(115%);
	}
}

[data-style="osx"][has-active="true"]#preview:active,
[data-style="osx"][has-focus="true"]#preview:focus-visible,
#preview[data-style="osx"][has-focus="true"]  {
    color: #111;
    font-size: 1rem;
    background: #F9F9F9;
    padding: 4px 20px;
    outline: 1px solid rgba(11, 67, 145, 0.4);
    outline-offset: -1px;
    background: linear-gradient(0deg, #C7F0FE 6.73%, #538FD4 63.46%, #3959C8 78.85%);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.20), 0 6px 4px 0 rgba(7, 65, 141, 0.9) inset, 0 -3px 5px 0 #D9F8FF inset;
    position: relative;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    filter: brightness(80%);
    animation: none;
}

[data-style="osx"][has-focus="true"]#preview:focus-visible,
#preview[data-style="osx"][has-focus="true"] {
    animation: blink 1.8s ease-in-out 0s infinite normal forwards;
}

[data-style="osx"][has-focus="active"]#preview:active::first-line {
    z-index: 12 !important;
}

[data-style="osx"][has-active="true"]#preview:active::after,
[data-style="osx"][has-focus="true"]#preview:focus-visible::after,
#preview[data-style="osx"][has-focus="true"]::after  {
    mix-blend-mode:screen;
    opacity: 0.8;
}

[data-style="osx"]#preview:disabled:hover,
[data-style="osx"]#preview:disabled:active,
[data-style="osx"]#preview:disabled {
    opacity: 0.5;
    outline: none;
    cursor: not-allowed;
    filter: brightness(100%);
    background: linear-gradient(0deg, #F9F9F9 6.73%, #C7C7C7 63.46%, #7C7C7C 78.85%);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.20);    
}

[data-style="osx"]#preview:disabled:active::after {
    mix-blend-mode: overlay;
}

/*
Estilo Win 98
1.0 @notdarriagada
19-02-2026
*/
[data-style="win"]#preview {
    color: #111;
    font-size: 1rem;
    background: #C0C0C0;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #808080;
    border-right:  1px solid #808080;
    box-shadow: 1px 1px 0px #000;
    max-width: fit-content;
    min-width: 100px;
    padding: 5px 10px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

[data-style="win"]#preview::first-letter {
    text-decoration: underline;
}

[data-style="win"][has-active="true"]#preview:active {
    border-top: 1px solid #444;
    border-left: 1px solid #444;
    border-bottom: 1px solid #fff;
    border-right:  1px solid #fff;
    box-shadow: none;
}

[data-style="win"][has-focus="true"]#preview:focus-visible,
#preview[data-style="win"][has-focus="true"] {
    outline: 1px dotted #000;
    outline-offset: -4px;
}

[data-style="win"]#preview:disabled,
[data-style="win"]#preview:disabled:active {
    cursor: not-allowed;
    color: #808080;
    text-shadow: 1px 1px 0px #fff;
    background: #C0C0C0;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #808080;
    border-right:  1px solid #808080;
    box-shadow: 1px 1px 0px #000;    
}

/*
Estilo Win Vista / 7
1.0 @notdarriagada
06-03-2026
*/
[data-style="vista"]#preview {
    color: #222;
    font-size: 1rem;
    padding: 5px 10px;
    max-width: fit-content;
    min-width: 100px;
    border-radius: 5px;
    border: 1px solid #959595;
    background: linear-gradient(180deg, #F9F9F9 45.1%, #E7E7E7 56.78%);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.90) inset;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

[data-style="vista"]#preview::first-letter {
    text-decoration: underline;
}

[data-style="vista"][has-hover="true"]#preview:hover {
    border-color:  #769DC0;
    background: linear-gradient(180deg, #EAF6FC 37.21%, #BEE6FF 56.78%);
}

[data-style="vista"][has-focus="true"]#preview:focus-visible,
#preview[data-style="vista"][has-focus="true"] {
  outline: 2px solid rgba(101, 212, 255, 1);
  outline-offset: -3px;
}

[data-style="vista"][has-active="true"]#preview:active {
    outline: none;
    background: linear-gradient(180deg, #EAF6FC 37.21%, #BEE6FF 56.78%);
    filter:saturate(2);
}

[data-style="vista"]#preview:disabled,
[data-style="vista"]#preview:disabled:hover,
[data-style="vista"]#preview:disabled:active {
    color: #ACAC9F;
    background: #F4F4F4;
    border-color: #C1C4C7;
    outline: none;
    box-shadow: none;
    user-select: none;
    cursor: not-allowed;
}

/*
Estilo DOS
1.0 @notdarriagada
20-02-2026
*/
[data-style="dos"]#preview {
    color: #fff;
    background: #575757;
    padding: 5px 10px;
    border: none;
    font-size: 1rem;
    box-shadow: 6px 6px 0px #000;
    font-family: Menlo, Consolas, Monaco, Adwaita Mono, Liberation Mono, Lucida Console, monospace;
}

[data-style="dos"][has-hover="true"]#preview:hover {
    box-shadow: 2px 2px 0px #000;
}

/*
Estilo MacOS 9
1.0 @notdarriagada
22-02-2026
*/
[data-style="macosnine"]#preview {
    color: #000;
    font-size: 13px;
    font-weight: bold;
    min-width: 100px;
    padding: 5px 15px;
    border-radius: 4px;
    background: #DDDDDD;
    box-shadow: -1px -1px 2px 0 #696969 inset, 1px 1px 2px 0 #fff inset;
    border: 1px solid #333;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

[data-style="macosnine"][has-active="true"]#preview:active {
    color: #fff;
    background: #666666;
    box-shadow: -1px -1px 2px 0 #b2b2b2 inset, 1px 1px 2px 0 #2f2f2f inset !important;
}

[data-style="macosnine"][has-focus="true"]#preview:focus-visible,
#preview[data-style="macosnine"][has-focus="true"] {
    box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.1), -1px -1px 2px 0 #696969 inset, 1px 1px 2px 0 #fff inset;
    outline: 1px solid #222;
    outline-offset: 2px;
}

[data-style="macosnine"]#preview:disabled,
[data-style="macosnine"]#preview:disabled:active {
    color: #787878;
    background: #DEDEDE;
    border-color: #787878;
    box-shadow: -1px -1px 0 0 #696969 inset, 1px 1px 0 0 #fff inset !important;
    cursor: not-allowed;
}

/*
Estilo System 7 (Mac)
1.0 @notdarriagada
22-02-2026
*/
[data-style="systemseven"]#preview {
    color: #000;
    font-size: 13px;
    font-weight: bold;
    min-width: 100px;
    padding: 5px 15px;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #000;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

[data-style="systemseven"][has-active="true"]#preview:active {
    color: #fff;
    background: #000;
}

[data-style="systemseven"][has-focus="true"]#preview:focus-visible,
#preview[data-style="systemseven"][has-focus="true"] {
    outline: 3px solid #000;
    outline-offset: 1px;
}

[data-style="systemseven"]#preview:disabled:active,
[data-style="systemseven"]#preview:disabled {
    background: #fff;
    color: #808080;
    cursor: not-allowed;
}

/*
2003 Steam UI
1.0 @notdarriagada
06-03-2026
*/
[data-style="steam"]#preview {
    color: #e7efdd;
    font-size: 13px;
    font-weight: normal;
    min-width: fit-content;
    padding: 6px 10px;
    background: #4c5844;
    text-shadow: 0px 1px 0px #1d2117;
    border-top: 1px solid #9ba393;
    border-left: 1px solid #9ba393;
    border-right: 1px solid #1d2117;
    border-bottom: 1px solid #1d2117;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

[data-style="steam"][has-active="true"]#preview:active {
    color: #b9c2ac;
    background: #282e22;
    border-right: 1px solid #9ba393;
    border-bottom: 1px solid #9ba393;
    border-top: 1px solid #1d2117;
    border-left: 1px solid #1d2117;    
}

[data-style="steam"][has-focus="true"]#preview:focus-visible,
#preview[data-style="steam"][has-focus="true"] {
    outline: 1px solid #747f6c;
    outline-offset: 1px;
}

[data-style="steam"]#preview:disabled:active,
[data-style="steam"]#preview:disabled {
    background: #4c5844;
    color: #222620;
    border-top: 1px solid #9ba393;
    border-left: 1px solid #9ba393;
    border-right: 1px solid #1d2117;
    border-bottom: 1px solid #1d2117;
    text-shadow: 0px 1px 0px #758270;
    cursor: not-allowed;
}

/*
UT99 Ice
1.0 @notdarriagada
15-03-2026
*/
[data-style="utIce"]#preview {
    color: #111;
    font-size: 13px;
    font-weight: normal;
    min-width:min-content;
    padding: 5px 10px;
    background: linear-gradient(180deg, #599CE4 0%, #C2DEFF 100%);
    box-shadow: 2px 2px 0px 0 rgba(0, 0, 0, 0.1), -1px -1px 0px 0 rgba(59, 123, 190, 0.9) inset, 1px 1px 0px 0 rgba(255, 255, 255, 0.75) inset;
    border-top: 3px outset #ACD3FF;
    border-left: 3px outset #6DABEF;
    border-right: 3px outset #0E6BBE;
    border-bottom: 3px outset #002752;
    font-family: Tahoma, Verdana, sans-serif;
}

[data-style="utIce"][has-active="true"]#preview:active {
    color: #111;
    background: linear-gradient(180deg, #599CE4 0%, #C2DEFF 100%);
    border-top: 2px inset #002752;
    border-left: 2px inset #0E6BBE;
    border-right: 2px inset #ACD3FF;
    border-bottom: 2px inset #ACD3FF;
    box-shadow: 2px 2px 0px 0 rgba(0, 0, 0, 0.1), 1px 1px 0px 0 rgba(59, 123, 190, 0.9) inset, -1px -1px 0px 0 rgba(255, 255, 255, 0.5) inset;   
}

[data-style="utIce"][has-focus="true"]#preview:focus-visible,
#preview[data-style="utIce"][has-focus="true"] {
    outline: 1px solid rgb(16, 76, 140);
    outline-offset: -1px;
}

[data-style="utIce"]#preview:disabled:active,
[data-style="utIce"]#preview:disabled {
    background: linear-gradient(180deg, #8B8B8B 0%, #CCC 100%);
    color: #111;
    border-top: 3px outset #d7d7d7;
    border-left: 3px outset #aeaeae;
    border-right: 3px outset #4A4A4A;
    border-bottom: 3px outset #000000;
    box-shadow: 2px 2px 0px 0 rgba(0, 0, 0, 0.1), -1px -1px 0px 0 rgba(107, 107, 107, 0.9) inset, 1px 1px 0px 0 rgba(253, 253, 253, 0.75) inset;
    cursor: not-allowed;
}

/*
UT99 Gold
1.0 @notdarriagada
15-03-2026
*/
[data-style="utMetal"]#preview {
    color: #111;
    font-size: 13px;
    font-weight: normal;
    min-width:min-content;
    padding: 5px 10px;
    background: linear-gradient(180deg, #D69023 0%, #FFD798 100%);
    box-shadow: 2px 2px 0px 0 rgba(0, 0, 0, 0.1), -1px -1px 0px 0 #D89227 inset, 1px 1px 0px 0 #FFEDD6 inset;
    border-top: 3px outset #FFD591;
    border-left: 3px outset #ECAB51;
    border-right: 3px outset #C47900;
    border-bottom: 3px outset #603600;
    font-family: Tahoma, Verdana, sans-serif;
}

[data-style="utMetal"][has-active="true"]#preview:active {
    color: #111;
    background: linear-gradient(180deg, #D69023 0%, #FFD798 100%);
    border-top: 2px inset #C47900;
    border-left: 2px inset #C47900;
    border-right: 2px inset #FFD591;
    border-bottom: 2px inset #FFD591;
    box-shadow: 2px 2px 0px 0 rgba(0, 0, 0, 0.1), 1px 1px 0px 0 #D89227 inset, -1px -1px 0px 0 rgba(255, 255, 255, 0.5) inset;   
}

[data-style="utMetal"][has-focus="true"]#preview:focus-visible,
#preview[data-style="utMetal"][has-focus="true"] {
    outline: 1px solid #6f4400;
    outline-offset: -1px;
}

[data-style="utMetal"]#preview:disabled:active,
[data-style="utMetal"]#preview:disabled {
    background: linear-gradient(180deg, #8B8B8B 0%, #CCC 100%);
    color: #111;
    border-top: 3px outset #d7d7d7;
    border-left: 3px outset #aeaeae;
    border-right: 3px outset #4A4A4A;
    border-bottom: 3px outset #000000;
    box-shadow: 2px 2px 0px 0 rgba(0, 0, 0, 0.1), -1px -1px 0px 0 rgba(107, 107, 107, 0.9) inset, 1px 1px 0px 0 rgba(253, 253, 253, 0.75) inset;
    cursor: not-allowed;
}

/*
The Sims
1.0 @notdarriagada
15-03-2026
*/
[data-style="sims"]#preview {
    color: #d2e5ea;
    font-size: 15px;
    font-weight: normal;
    min-width:min-content;
    padding: 10px 20px;
    border: 0;
    border-radius: 9px;
    background: #0B69A9;
    box-shadow: -2px -2px 0px 0 rgba(0, 0, 0, 0.3), 1px 1px 0px 0 rgba(131, 166, 255, 0.2), 1px 1px 2px 0 rgba(210, 249, 255, 0.85) inset, -2px -2px 2px 0 rgba(3, 34, 62, 0.95) inset;
    font-family: "Comic Sans MS", sans-serif;
    transform: skewX(-20deg);
}

[data-style="sims"]#preview span {
    transform: rotateX(5deg);
    display:block;
    transform: skewX(20deg);
}

[data-style="sims"][has-active="true"]#preview:hover {
    color: #fff;
}

[data-style="sims"][has-active="true"]#preview:active {
    color: #58E9FF;
    background: #0B69A9;
    box-shadow: -2px -2px 0px 0 rgba(0, 0, 0, 0.3), 1px 1px 0px 0 rgba(131, 166, 255, 0.2), 2px 2px 2px 0 rgba(210, 249, 255, 0.85) inset, 0px 0px 2px 0 rgba(3, 34, 62, 0.95) inset;
}

[data-style="sims"][has-active="true"]#preview:active span {
    margin-left: 1px;
    margin-top: 1px;
}

[data-style="sims"][has-focus="true"]#preview:focus-visible,
#preview[data-style="sims"][has-focus="true"] {
    outline: 2px solid rgba(11, 106, 169, 0.493);
    outline-offset: 2px;
}

[data-style="sims"]#preview:disabled:active,
[data-style="sims"]#preview:disabled:hover,
[data-style="sims"]#preview:disabled {
    color: #103a57;
    outline: 0;
    box-shadow: -2px -2px 0px 0 rgba(0, 0, 0, 0.3), 1px 1px 0px 0 rgba(131, 166, 255, 0.2), 1px 1px 2px 0 rgba(210, 249, 255, 0.85) inset, -2px -2px 2px 0 rgba(3, 34, 62, 0.95) inset;
    cursor: not-allowed;
}

/*
The Sims 2
1.0 @notdarriagada
15-03-2026
*/
[data-style="simsTwo"]#preview {
    color: #0B1665;
    font-size: 15px;
    font-weight: normal;
    min-width:min-content;
    padding: 10px 20px;
    border: 0.1em solid #0B1665;
    border-radius: 8px;
    background: #B3C1FD;
    font-family: "Comic Sans MS", sans-serif;
}

[data-style="simsTwo"][has-active="true"]#preview:hover {
    border: 0.1em solid #5A60A5;
    color: #0B1665;
    background: #B3C1FD;
    outline: 0.1em solid #5A60A5;
    outline-offset: -5px;
}

[data-style="simsTwo"][has-active="true"]#preview:active {
    border: 0.1em solid #5A60A5;
    color: #434ca0;
    background: #B3C1FD;
    outline: 0.1em solid #5A60A5;
    outline-offset: -5px;
    box-shadow: 0px 0px 0px 3px #68EA97 inset;
}

[data-style="simsTwo"][has-focus="true"]#preview:focus-visible,
#preview[data-style="simsTwo"][has-focus="true"] {
    outline: 0.2em solid rgba(90, 96, 165, 0.4);
    outline-offset: 0;
}

[data-style="simsTwo"]#preview:disabled:active,
[data-style="simsTwo"]#preview:disabled:hover,
[data-style="simsTwo"]#preview:disabled {
    color: #434ca0;
    border-color: #434ca0;
    border-width: 0.1em;
    outline: 0;
    background: #B3C1FD;
    cursor: not-allowed;
    box-shadow: none;
}