@charset "utf-8";

.sheet-rolltemplate-default table {
	width:100%;
	background-color:white;
	border:1px solid rgba(112,32,130,1)
}
.sheet-rolltemplate-default caption {
	background-color:rgba(112,32,130,1);
	color:white;
	font-family:"Helvetica Neue",Helvetica,sans-serif;
	font-weight:300;
	font-size:1.1em;
	padding:5px
}
.sheet-rolltemplate-default td {
	padding:5px;
	line-height:1.4em;
	vertical-align:top
}
.sheet-rolltemplate-default td:first-child {
	font-weight:bold;
	text-align:right;
	min-width:50px;
	padding-right:10px
}
.sheet-rolltemplate-default tr:nth-child(even) {
	background-color:#eee
}

/*Default*/
:root
{
  --main-color:#a90100;
   --color1:#eee;
   --color2:#111;
   --color3:#ddd;
}

::-webkit-scrollbar,
::-moz-scrollbar,
::-o-scrollbar {
  display: none;
}

@font-face {
	font-family: 'Pretendard JP Variable';
	font-weight: 45 920;
	font-style: normal;
	font-display: swap;
	src: local('Pretendard JP Variable'), url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/packages/pretendard-jp/dist/web/variable/woff2/PretendardJPVariable.woff2') format('woff2-variations');
}


.sheet-float-left
{
  float:left;
}

.sheet-float-right
{
  float:right;
}

.sheet-width-32px
{
  width:32px;
}

.sheet-width-40px
{
  width:40px;
}

.sheet-width-60px
{
  width:60px;
}

.sheet-width-80px
{
  width:80px;
}

.sheet-width-100px
{
  width:100px;
}

.sheet-width-120px
{
  width:120px;
}

.sheet-width-180px
{
  width:180px;
}

#sheet-allcontent .sheet-font-weight-600
{
  font-weight:600;
}

#sheet-allcontent .sheet-font-weight-800
{
  font-weight:800;
}

.sheet-line-div
{
  width:100%;
}

.sheet-grid
{
    	display:grid;
    grid-template-rows: auto;
    justify-items: stretch;
    justify-content: stretch;
    letter-spacing:-1px;
    position:relative;
}

.sheet-grid div
{
      display:flex;
	justify-items: center;
    align-items: center;
    justify-content: left;
}

.sheet-label
{
   -webkit-clip-path: polygon(0px 0, calc(100% - 0px) 0, 100% 0px, 100% calc(100% - 22px), calc(100% - 22px) 100%, 22px 100%, 0 calc(100% - 0px), 0 0px);
   -moz-clip-path: polygon(0px 0, calc(100% - 0px) 0, 100% 0px, 100% calc(100% - 22px), calc(100% - 22px) 100%, 22px 100%, 0 calc(100% - 0px), 0 0px);
  clip-path: polygon(0px 0, calc(100% - 0px) 0, 100% 0px, 100% calc(100% - 22px), calc(100% - 22px) 100%, 22px 100%, 0 calc(100% - 0px), 0 0px);
  background:var(--main-color);
  color:white;
  font-weight:800;
  font-size:16px;
  height: 22px;
  max-width: 88px;
}

.sheet-ability-label
{
    border-bottom: 3px solid var(--main-color);
    width: 100px;
    margin: 0 0 auto;
    display: inline-block;
    padding: 1px 0px;
  font-weight:900;
  font-size:20px;
  letter-spacing:-1px;
  text-align: center;
}

#sheet-allcontent
{
  max-width:800px;
  width:100%;
  min-width:760px;
  position:relative;
font-family:'Pretendard JP Variable';
  background:var(--color1);
  color:var(--color2);
}

#sheet-allcontent input,
#sheet-allcontent select
{
    border:none;
    background:transparent;
    font-weight: 500;
    color:var(--color2);
  font-family:'Pretendard JP Variable';
  outline:none;
  padding: 0 2px;
}

#sheet-allcontent input:focus
{
  background:var(--color3);
}


#sheet-allcontent textarea
{
  background:transparent;
  border:none;
     font-weight: 500;
    color:var(--color2);
  font-family:'Pretendard JP Variable';
    max-height: 60px;
}

#sheet-container hr
{
margin: 32px 0px;
    border: none;
}

#sheet-allcontent .sheet-readonly
{
    width: 16px;
    height: 12px;
    color: var(--main-color);
}

#sheet-allcontent .sheet-checklabel
{
    display:none;
}

#sheet-allcontent label
{
    font-size:14px;
    cursor:pointer;
    display: inline;
    margin:0;
    padding:0;
    padding-left:8px;
}

#sheet-allcontent .sheet-checklabel:checked + label
{
    color:var(--main-color);
}


/****시트 전체****/


#sheet-container
{
  width:calc(100% - 40px);
  display:block;
  padding:20px 20px;
}

/****시트 윗부분*****/
#sheet-top
{
  width:100%;
  position:relative;
}

/*시트 데코레이션*/

#sheet-decor
{
  position:relative;
  display:inline-block;
  width:100%;
  text-align:center;
}

#sheet-decor .sheet-logo
{
    padding-top: 18px;
    margin-right: 88px;
}

#sheet-decor #sheet-copyright
{
  position:absolute;
  text-align:left;
  bottom:20px;
  left:calc(50% + 52px);
}

#sheet-decor #sheet-copyright p
{
  font-size:10px;
  line-height:10px;
  margin:0px;
}

/*시트 프로필*/
#sheet-profile{
  margin-top: 52px;
}

#sheet-profile-left
{
  text-align: center;
}

#sheet-profile-left input
{
  max-width:160px;
  font-size:15px;
  text-align:center;
  padding: 0 2px;
}

#sheet-profile-right
{
  display:block;
  position:relative;
}

/*아바타*/
#sheet-avatar{
  position: relative;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 140px;
    height: 140px;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    border: 1px solid var(--main-color);
    margin: 0px 68px;
}

#sheet-avatar-frame
{
    position: relative;
    width: 120px;
    height: 120px;
    z-index: 0;
    background: linear-gradient(45deg,var(--main-color),var(--color2));
    margin: 0 0 auto;
    margin-left: 10px;
    margin-top: 10px;
}

#sheet-avatar-frame #sheet-avatar-content
{
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    width: 170px;
    height: 170px;
    left: -25px;
    position: absolute;
    top: -24px;
    overflow: hidden;
}

#sheet-avatar-frame #sheet-avatar-content .sheet-avatar-img
{
  -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  -moz-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    width: 100%;
    height: auto;
    image-rendering: -webkit-optimize-contrast;
}

/*신드롬 아이콘*/
#sheet-syndrome-icon
{
  position:relative;
  margin-right:0px;
  margin-top:-40px;
  width:160px;
  height:100px;
}

#sheet-syndrome-icon img
{
  image-rendering: -webkit-optimize-contrast;
}

#sheet-syndrome-icon .sheet-icon-first,
#sheet-syndrome-icon .sheet-icon-second,
#sheet-syndrome-icon .sheet-icon-third
{
  position:absolute;
}

#sheet-syndrome-icon .sheet-icon-first
{
  top:-16px;
  left:24px;
}

#sheet-syndrome-icon .sheet-icon-second
{
  top:12px;
  left:52px;
}

#sheet-syndrome-icon .sheet-icon-third
{
  top:40px;
  left:80px;
}

/*subprofile*/
#sheet-subprofile
{
  display:inline-block;
  width: calc(100% - 278px);
}

#sheet-subprofile div
{
  margin:1px 0px;
}

#sheet-subprofile .sheet-label
{
  width:104px;
  padding:1px 4px;
}

#sheet-subprofile .sheet-grid
{
  grid-template-columns: 100px auto;
}

#sheet-subprofile input
{
  font-size:14px;
}

#sheet-subprofile #sheet-syndrome
{
 grid-template-columns: 100px repeat(3,auto);
  gap:0px 4px;
}

select.sheet-syndrome-input
{
    width: 100px;
    margin: 0 0;
  height: auto;
}

#sheet-subprofile #sheet-hp
{
  margin-top:20px;
}

#sheet-hp,
#sheet-encroach
{
  display: inline-block;
  font-size:12px;
  font-weight:600;
}

#sheet-hp span,
#sheet-encroach span
{
  font-size:12px;
  font-weight:600;
}

#sheet-hp input,
#sheet-encroach input
{
  font-size:12px;
  font-weight:600;
  width:32px;
  text-align:center;
}

#sheet-hp input[type="number"]::-webkit-outer-spin-button,
#sheet-hp input[type="number"]::-webkit-inner-spin-button,
#sheet-encroach input[type="number"]::-webkit-outer-spin-button,
#sheet-encroach input[type="number"]::-webkit-inner-spin-button,
#sheet-abila input[type="number"]::-webkit-outer-spin-button,
#sheet-abila input[type="number"]::-webkit-inner-spin-button,
#sheet-abilb input[type="number"]::-webkit-outer-spin-button,
#sheet-abilb input[type="number"]::-webkit-inner-spin-button,
#sheet-combo-bullet input[type="number"]::-webkit-outer-spin-button,
#sheet-combo-bullet input[type="number"]::-webkit-inner-spin-button
{
    -webkit-appearance: none;
    margin: 0;
}

#sheet-hp input[type="number"],
#sheet-encroach input[type="number"],
#sheet-abila input[type="number"],
#sheet-abilb input[type="number"],
#sheet-combo-bullet input[type="number"],
#sheet-subability input[type="number"],
#sheet-effect-bullet input[type="number"]
{
    -moz-appearance: textfield;
    margin: 0;
}


/*bar*/

.sheet-bar
{
    font-size: 14px;
  padding:2px;
  border:1px solid var(--main-color);
  height:8px;
  width: 100%;
}


#sheet-allcontent input[type="range"].sheet-linebar {
    overflow: hidden;
    height: 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0;
    width: 100%;
    background: transparent !important;
    padding: 0px;
    border: 0px;
    border-radius: 0px;
      display: block;
}

#sheet-allcontent input[type="range"].sheet-linebar:focus {
	outline: none;
}

#sheet-allcontent input[type="range"].sheet-linebar::-webkit-slider-runnable-track,
#sheet-allcontent input[type="range"].sheet-linebar::-moz-slider-runnable-track {
    width: 100%;
    height: 100%;
}

#sheet-allcontent input[type="range"].sheet-linebar::-webkit-slider-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 1px;
    height: 8px;
  background:var(--main-color);
    box-shadow: -100vw 0 0 100vw var(--main-color);
}

#sheet-allcontent input[type="range"].sheet-linebar::-moz-range-thumb
{
    -moz-appearance: none;
    width: 1px;
    height: 8px;
  background:var(--main-color);
    box-shadow: -100vw 0 0 100vw var(--main-color);
}

/****시트 중간부분*****/
#sheet-middle
{
  display: inline-block;
  width: 100%;
}


/*능력치*/
#sheet-ability
{
  min-width:400px;
  max-height:460px;
  display:inline-block;
  text-align:center;
}

#sheet-ability .sheet-ability-diamond
{
  position:relative;
  z-index:0;
  width:64px;
  height:64px;
  margin-left: 20px;
  margin-bottom: 20px;
}

#sheet-ability .sheet-ability-diamond:before
{
  content:'';
  position:absolute;
  background:var(--main-color);
  width:100%;
  height:100%;
  -webkit-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  transform:rotate(45deg);
  z-index:-1;
}


#sheet-abila
{
  grid-template-columns: repeat(4,auto);
  margin-top:32px;
  text-align:center;
  font-weight:800;
}

#sheet-abila div

{
  justify-content: center;
}


#sheet-abila input
{
  width:100%;
  font-weight:800;
  font-size:20px;
  text-align:center;
  padding:0 0;
  color:var(--color1)
}

#sheet-abila input:focus
{
  background:transparent;
}

#sheet-abilb
{
  grid-template-columns: repeat(8,auto);
  font-size:12px;
  letter-spacing:-1px;
  gap: 2px 8px;
}

#sheet-abilb input
{
  max-width:20px;
  font-size:12px;
  letter-spacing:-1px;
  max-width: 28px;
}

#sheet-abilb .sheet-sub-name
{
  border-bottom:1px solid black;
  border-radius:0px;
}

/*부능력치*/

#sheet-subability
{
  min-width:240px;
  text-align: center;
  display:inline-block;
}

#sheet-subabilty-grid
{
    grid-template-columns: 100px auto;
  margin-top:20px;
  gap:4px 0px;
  margin-top: 40px;
}

#sheet-subabilty-grid .sheet-label
{
  padding:0px 4px;
}

#sheet-subability input
{
  width:40px;
  text-align:center;
}

/****시트 아래쪽*****/
#sheet-bottom
{
  padding-left:20px;
}

#sheet-bottom h1
{
  font-size:16px;
  margin:8px 0px;
  color: var(--color2);
}
#sheet-bottom h1:before
{
  content:'| ';
  color:var(--main-color);
}

#sheet-bottom input[type="checkbox"]
{
  display:none;
}

#sheet-bottom input[type="checkbox"] + label
{
  width:100%;
  display: block;
  cursor: pointer;
  font-weight:900;
  font-size:24px;
  background:url(https://imgur.com/8o9l1zZ.png) no-repeat right;
  color:var(--color2);
}

#sheet-bottom input[type="checkbox"] + label:before
{
  content:'▼ ';
  color:var(--main-color);
}

#sheet-bottom input[type="checkbox"]:checked + label:before
{
  content:'▲ ';
}

#sheet-loisin,
#sheet-memoryin,
#sheet-effectin,
#sheet-comboin,
#sheet-itemsin
{
  display:none;
  gap:4px;
  margin-top:20px;
}

#sheet-loisin
{
  grid-template-columns: repeat(7,auto);
}

#sheet-loisin select
{
    max-width: 80px;
    height: 20px;
    margin: 0;
}

#sheet-reset-lois
{
    display: flex;
    gap: 8px;
    float:right;
    padding:8px;
}

#sheet-memoryin
{
  grid-template-columns: repeat(5,auto);
}

#sheet-loisin div:nth-child(7n+3) input[type="text"],
#sheet-memoryin div:nth-child(5n+3) input[type="text"],
#sheet-effect-bullet div:nth-child(10n+1) input[type="text"],
#sheet-combo-bullet div:nth-child(7n+1) input[type="text"],
#sheet-weapon-bullet div:nth-child(7n+1) input[type="text"],
#sheet-armor-bullet div:nth-child(6n+1) input[type="text"],
#sheet-etc-bullet div:nth-child(4n+1) input[type="text"]
{
  font-weight:800;
  color:var(--main-color);
}

input[type="checkbox"]#sheet_lois_menu:checked ~ #sheet-loisin,
input[type="checkbox"]#sheet_memory_menu:checked ~ #sheet-memoryin
{
  display:grid;
}

input[type="checkbox"]#sheet_effect_menu:checked ~ #sheet-effectin,
input[type="checkbox"]#sheet_combo_menu:checked ~ #sheet-comboin,
input[type="checkbox"]#sheet_items_menu:checked ~ #sheet-itemsin
{
  display:block;
}

#sheet-loisin input[type="checkbox"] + label,
#sheet-memoryin input[type="checkbox"] + label,
#sheet-items .sheet-grid input[type="checkbox"] + label
{
  position:relative;
  width:8px;
  height:8px;
  background:transparent;
}

#sheet-loisin input[type="checkbox"] + label:before,
#sheet-memoryin input[type="checkbox"] + label:before,
#sheet-items .sheet-grid input[type="checkbox"] + label:before
{
  content:'';
  position:absolute;
  width:8px;
  height:8px;
  border:1px solid;
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  top: 0px;
}

#sheet-loisin input[type="checkbox"]:checked + label:before,
#sheet-memoryin input[type="checkbox"]:checked + label:before,
#sheet-items .sheet-grid input[type="checkbox"]:checked + label:before
{
  content:'';
  background:var(--main-color);
}

#sheet-loisin input[type="checkbox"] + label:after,
#sheet-memoryin input[type="checkbox"] + label:after,
#sheet-items .sheet-grid input[type="checkbox"] + label:after
{
    content: '';
    width: 12px;
    height: 12px;
    border: 1px solid var(--main-color);
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    position: absolute;
    left: 6px;
    top: -2px;
}

#sheet-loisin input[type="radio"]
{
  display:none;
}

#sheet-loisin input[type="radio"] + label,
#sheet-loisin input[type="radio"] + label
{
    display: inline-block;
    width: 14px;
    height: 16px;
    margin: 0 0 auto;
  cursor: pointer;
}

#sheet-loisin input[type="radio"] + label:before,
#sheet-loisin input[type="radio"] + label:before
{
  position:absolute;
  width:auto;
  height:auto;
  border:none;
  transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  font-size:14px;
  font-weight:500;
  color:var(--main-color);
}

#sheet-loisin input[type="radio"].sheet-lois_P + label:before
{
  content:'P';
}

#sheet-loisin input[type="radio"].sheet-lois_N + label:before
{
  content:'N';
}

#sheet-loisin input[type="radio"]:checked + label:before
{
    font-weight:900;
  background:transparent;
}

#sheet-loisin input[type="radio"]:not(:checked) + label:before
{
  opacity:0.6;
}

#sheet-loisin .sheet-roll-hidden + button
{
 display:none;
}

#sheet-loisin input[value="D-Lois"].sheet-roll-hidden + button,
#sheet-loisin input[value="E-Lois"].sheet-roll-hidden + button
{
  display:block;
}

/*effect*/
#sheet-effect-bullet
{
  grid-template-columns: repeat(10,auto);
  height:16px;
  margin-top:1px;
}


#sheet-effect-setting,
#sheet-combo-setting,
#sheet-weapon-setting,
#sheet-armor-setting
{
  display:none;
}

#sheet-effectin input[type="checkbox"].sheet-setting-gears:checked ~ #sheet-effect-setting,
#sheet-weapon input[type="checkbox"].sheet-setting-gears:checked ~ #sheet-weapon-setting,
#sheet-armor input[type="checkbox"].sheet-setting-gears:checked ~ #sheet-armor-setting
{
  display:grid;
}

#sheet-comboin input[type="checkbox"].sheet-setting-gears:checked ~ #sheet-combo-setting
{
  display:block;
}

#sheet-effect-one
{
    grid-template-columns: 130px 60px 96px 72px 74px 74px 50px 48px 51px auto;
    font-size: 13px;
    font-weight: 500;
    margin-left: 32px;
    gap: 4px 2px;
    margin-bottom: 4px;
}

#sheet-effect-one div:nth-child(10n+1)
{
  font-weight:800;
  color:var(--main-color);
}


/*Combos*/

#sheet-combo-bullet
{
  grid-template-columns: repeat(7,auto);
  font-weight:600;
  font-size:13px;
}

#sheet-combo-bullet input
{
  height: 24px;
}

#sheet-combo-bullet input[type="number"]
{
  text-align:center;
}

#sheet-combo-LT,
#sheet-combo-GT
{
  display:inline-block;
    margin-left:44px;
  width:80%;
}

#sheet-combo-LT .sheet-grid,
#sheet-combo-GT .sheet-grid
{
  grid-template-columns: 60px auto auto auto;
  gap: 8px 4px;
  font-size: 14px;
  font-weight:500;
  margin-top: 16px;
}

#sheet-combo-bullet div
{
  height:20px;
}

#sheet-combo-bullet div select
{
  height:20px;
  margin:0;
}

#sheet-combo-setting
{
  margin: 8px 0px 20px;
}


#sheet-combo-LT .sheet-grid input,
#sheet-combo-GT .sheet-grid input
{
  background:var(--color3);
}

#sheet-combo-LT .sheet-grid select,
#sheet-combo-GT .sheet-grid select
{
  margin:0;
  height:20px;
}

#sheet-combo-LT .sheet-grid textarea,
#sheet-combo-GT .sheet-grid textarea
{
  background:var(--color3);
  width:80%;
  min-width:120px;
  max-height:36px;
}

#sheet-combo-LT .sheet-grid div:nth-child(6),
#sheet-combo-GT .sheet-grid div:nth-child(6)
{
  grid-column: 2 / 5;
}

#sheet-combo-LT .sheet-grid div:nth-child(12),
#sheet-combo-GT .sheet-grid div:nth-child(12)
{
  grid-column: 2 / 5;
}

#sheet-combo-LT .sheet-grid div:nth-child(2n+1),
#sheet-combo-GT .sheet-grid div:nth-child(2n+1)
{
  border-left: 3px solid var(--main-color);
    padding: 0px 6px;
  align-items: normal;
}

#sheet-combo-LT .sheet-grid div:nth-child(9),
#sheet-combo-GT .sheet-grid div:nth-child(9)
{
  border-left: none;
    padding: 0px;
  align-items: center;
}

#sheet-combo-LT p,
#sheet-combo-GT p
{
  margin:4px 0px;
  margin-right:20px;
  text-align:center;
  color:var(--main-color);
  font-size:14px;
  font-weight:600;
}

/*Weapon*/
#sheet-weapon,
#sheet-armor,
#sheet-etc
{
  display: inline-block;
  width: 100%;
}

#sheet-armor,
#sheet-etc
{
  margin-top:24px;
}

#sheet-weapon-bullet
{
  grid-template-columns: repeat(7,auto);
}

/*Armor*/
#sheet-armor-bullet
{
  grid-template-columns: repeat(7,auto);
}

/*ETC*/
#sheet-etc-bullet
{
  grid-template-columns: repeat(5,auto);
}

/*Footer*/
#sheet-footer
{
  width:100%;
  text-align:right;
}

/*Repitem*/
#sheet-container .repitem
{
  margin-bottom: 9px;
}

#sheet-bottom input[type="checkbox"].sheet-setting-gears
{
 visibility: hidden;
-moz-appearance:initial;
 float: left;
  display:block;
    width: 28px;
    height: 18px;
}

#sheet-bottom .sheet-setting-gears:before {
    content: '';
    width: 18px;
    height: 18px;
    visibility: visible;
    display: block;
  background:no-repeat center/100% url(https://imgur.com/6clBgdQ.png);
}

.sheet-setting-desc
{
  grid-template-columns: 60px auto;
  font-size:14px;
  font-weight:500;
  margin:16px 48px;
  gap:8px 4px;
}

.sheet-setting-desc div
{
  align-items: normal;
}

.sheet-setting-desc div:nth-child(2n+1)
{
  border-left:3px solid var(--main-color);
  padding:0px 6px;
}

#sheet-allcontent .sheet-setting-desc div input
{
  background:var(--color3);
}

#sheet-allcontent .sheet-setting-desc div textarea
{
  background:var(--color3);
  width:80%;
  max-height:36px;
}


/*Button*/
#sheet-container button.repcontrol_add
{
  float:left;
}

#sheet-container button.repcontrol_add,
#sheet-container button.repcontrol_edit
{
background: transparent;
    border: none;
    text-shadow: none;
    box-shadow: none;
    font-weight: 700;
    color: #131313;
    margin-top: 20px;
}

#sheet-container .repcontrol_move,
#sheet-container .repcontrol_del
{
    z-index: 999;
    display: block;
    position: absolute;
}

#sheet-container .repcontrol_move
{
    left:0;
}

#sheet-container .repcontrol_del
{
    right:0;
}


/******DICE*****/
/*Dice*/

#sheet-container .sheet-dice-button
{
    border: 0px;
    border-radius: 0px;
    padding: 0px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    margin: 0px !important;
    width:20px;
}

#sheet-container .sheet-dice-button::before
{
    content:'' !important;
    display:block;
    height: 20px;
    border: 0px;
    border-radius: 0px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    margin:0px !important;
}

#sheet-container button[type=roll].sheet-dice-button:before {
    
    content:'' !important;
    display:block;
    margin:0px !important;
}

#sheet-container .sheet-dice-roll
{
  background:no-repeat center/100% url(https://imgur.com/bC8U2Jf.png);
}

#sheet-container .sheet-titus-roll
{
  background:no-repeat center/100% url(https://imgur.com/WYus7WK.png);
}

#sheet-allcontent button[type=roll].sheet-reset-roll,
#sheet-allcontent button[type=action].sheet-reset-roll
{
  background:no-repeat center/100% url(https://imgur.com/ABtAVOV.png);  
}

.sheet-rolltemplate-dx3rd-effect div.sheet-effect-template,
.sheet-rolltemplate-dx3rd-encroach div.sheet-encroach-template,
.sheet-rolltemplate-dx3rd-titus div.sheet-titus-template
{
    max-width:230px;
    border: 1px solid #111;
    font-family:'Pretendard JP Variable';
    position: relative;
    min-height: 160px;
    background:#eee;
    font-size: 13px;
    font-weight: 500;
    padding:10px;
}


.sheet-rolltemplate-dx3rd-titus div.sheet-titus-template
{
    background: url(https://imgur.com/a6k4o2h.png) #eee no-repeat 100%;
}

.sheet-rolltemplate-dx3rd-encroach div.sheet-encroach-template
{
    background: url(https://imgsrv.roll20.net/?src=https%3A//imgur.com/ABEmrmZ.png) no-repeat #eee 100% 60%;
}

.sheet-rolltemplate-dx3rd-effect .sheet-template-top
{
    background:url(https://imgur.com/cXELY25.png) no-repeat top right;
    margin-right: -10px;
    
}

.sheet-rolltemplate-dx3rd-effect .sheet-template-syn
{
    display:block;
    min-height:20px;
}

.sheet-rolltemplate-dx3rd-effect .sheet-name
{
    text-align: right;
    margin-right: 4px;
}

.sheet-rolltemplate-dx3rd-encroach .sheet-name,
.sheet-rolltemplate-dx3rd-titus .sheet-name
{
  text-align:center;
}

.sheet-rolltemplate-dx3rd-encroach .sheet-name p,
.sheet-rolltemplate-dx3rd-titus .sheet-name p
{
    display:inline-block;
    border-bottom:2px solid #a90100;
    letter-spacing: -1px;
    font-weight: 500;
    font-family: 'Pretendard JP Variable';
    min-width: 100px;
}

.sheet-rolltemplate-dx3rd-effect div.sheet-effect-template img
{
  width:32px;
  height:cover;
  image-rendering: -webkit-optimize-contrast;
}

.sheet-rolltemplate-dx3rd-effect .sheet-subject,
.sheet-rolltemplate-dx3rd-encroach .sheet-subject,
.sheet-rolltemplate-dx3rd-titus .sheet-subject
{
    color:#a90100;
    font-weight:800;
}


.sheet-rolltemplate-dx3rd-effect .sheet-subject
{
    margin-bottom: 12px;
    font-size:16px;
    max-width: 90%;
}

.sheet-rolltemplate-dx3rd-encroach .sheet-subject,
.sheet-rolltemplate-dx3rd-titus .sheet-subject
{
    text-align:center;
    font-size:18px;
}

.sheet-rolltemplate-dx3rd-effect .sheet-combo
{
    border-left: 2px solid #a90100;
    padding: 0px 20px 0px 8px;
    margin-bottom: 12px;
    word-spacing: -1px;
    text-align: justify;
    letter-spacing: -1px;
}

.sheet-rolltemplate-dx3rd-effect .sheet-template-middle
{
    margin:8px 0px;
    background: url(https://imgur.com/KcymW1Z.png) no-repeat right top;
    min-height: 112px;
}

.sheet-rolltemplate-dx3rd-effect .sheet-sub
{
    font-weight:500;
}

.sheet-rolltemplate-dx3rd-effect .sheet-sub:before
{
    content:'▼';
    margin-right:4px;
    color:#a90100;
}

.sheet-rolltemplate-dx3rd-effect .sheet-sub span + span:before
{
    content:' | ';
    color:#a90100;
}

.sheet-rolltemplate-dx3rd-titus .sheet-subscription
{
    text-align: center;
    margin-top: 20px;
}

.sheet-rolltemplate-dx3rd-titus .sheet-subscription span:before
{
    content:'▼';
    margin-right:4px;
    color:#a90100;
}

.sheet-rolltemplate-dx3rd-titus .sheet-template-description
{
    text-align: center;
    margin-bottom: 20px;
}


.sheet-rolltemplate-dx3rd-effect .sheet-template-description
{
    font-weight:500;
    letter-spacing:-0.8px;
    text-align:justify;
}

.sheet-rolltemplate-dx3rd-effect .sheet-diceroll
{
    width: 32px;
    height: 32px;
    position: relative;
    z-index: 0;
    display: inline-block;
    float: right;
    margin: 28px 10px 10px;
}

.sheet-rolltemplate-dx3rd-encroach .sheet-diceroll
{
    height: 140px;
}

.sheet-rolltemplate-dx3rd-effect .sheet-diceroll:before
{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    transform: rotate(-45deg);
    background: #fff;
    z-index: -1;
    right: -4px;
    border: 1px solid #a90100;
    bottom: 6px;
}

.sheet-rolltemplate-dx3rd-effect .inlinerollresult,
.sheet-rolltemplate-dx3rd-effect .inlinerollresult.fullcrit,
.sheet-rolltemplate-dx3rd-effect .inlinerollresult.fullfail,
.sheet-rolltemplate-dx3rd-effect .inlinerollresult.importantroll
{
    color:#000;
    border:none !important;
    display: inline-block;
    background: transparent !important;
    
}

.sheet-rolltemplate-dx3rd-effect .sheet-diceroll .inlinerollresult,
.sheet-rolltemplate-dx3rd-encroach .sheet-diceroll .inlinerollresult
{
    border: none;
    background: transparent;
    color: #000;
    display: inline-block;
    text-align: center;
    width: 100%;
}


.sheet-rolltemplate-dx3rd-effect .sheet-diceroll .inlinerollresult
{
    font-size: 16px;
}

.sheet-rolltemplate-dx3rd-encroach .sheet-diceroll .inlinerollresult
{
    font-size: 28px;
    margin-top: 52px;
}

.sheet-rolltemplate-dx3rd-effect .inlinerollresult.fullcrit,
.sheet-rolltemplate-dx3rd-effect .inlinerollresult.fullfail,
.sheet-rolltemplate-dx3rd-effect .inlinerollresult.importantroll

{
    border:0px !important;
}

.sheet-rolltemplate-dx3rd-effect .sheet-diceroll .inlinerollresult.fullcrit
{
    color:#a90100;
}

.sheet-rolltemplate-dx3rd-encroach .sheet-diceroll .inlinerollresult.fullcrit
{
    color:#fff;
}

.sheet-rolltemplate-dx3rd-effect .sheet-diceroll .inlinerollresult.fullfail
{
    color:#aaa;
}

.sheet-rolltemplate-dx3rd-encroach .sheet-diceroll .inlinerollresult.fullfail
{
    color:#999;
}

.sheet-rolltemplate-dx3rd-effect .sheet-diceroll .inlinerollresult.importantroll,
.sheet-rolltemplate-dx3rd-encroach .sheet-diceroll .inlinerollresult.importantroll
{
    color:#000;
}

.sheet-rolltemplate-dx3rd-effect .sheet-template-footer
{
    margin-top: 20px;
    text-align:center;
}


.sheet-rolltemplate-dx3rd-encroach .sheet-template-footer
{
    padding: 0px 10px;
    margin-top: -20px;
}

.sheet-rolltemplate-dx3rd-effect .sheet-template-footer img
{
    width: fit-content !important;
    
}


.sheet-rolltemplate-desc
{
    font-family:'Pretendard JP Variable';
    font-size: 1.05em;
}