/*! Pickr 1.4.7 MIT | https://github.com/Simonwep/pickr */


/* --------------------------------------------------------
-----------------------------------------------------------
 BASE
-----------------------------------------------------------
----------------------------------------------------------- */
.pcr-app *, .pickr * {
  box-sizing:border-box;
  outline:none;
  border:none;
  -webkit-appearance:none
}
/*.pcr-app button.pcr-active,
.pcr-app button:focus,*/
.pcr-app input[type="text"].pcr-active,
.pcr-app input[type="number"].pcr-active,
.pcr-app input[type="text"]:focus,
.pcr-app input[type="number"]:focus,
.pickr button.pcr-active,
.pickr button:focus,
.pickr input[type="text"].pcr-active,
.pickr input[type="number"].pcr-active,
.pickr input[type="text"]:focus,
.pickr input[type="number"]:focus {
  box-shadow:0 0 0 1px hsla(0, 0%, 100%, .85), 0 0 0 3px currentColor
}
.pcr-app .pcr-palette, 
.pcr-app .pcr-slider, 
.pickr .pcr-palette, 
.pickr .pcr-slider {
-webkit-transition:box-shadow .3s;
transition:box-shadow .3s
}
.pcr-app .pcr-palette:focus, 
.pcr-app .pcr-slider:focus, 
.pickr .pcr-palette:focus, 
.pickr .pcr-slider:focus {
  box-shadow:0 0 0 1px hsla(0, 0%, 100%, .85), 0 0 0 3px rgba(0, 0, 0, .25)
}


/* --------------------------------------------------------
-----------------------------------------------------------
 pickr
-----------------------------------------------------------
----------------------------------------------------------- */
.pickr {
  position:relative;
  overflow:visible;
  -webkit-transform:translateY(0);
  transform:translateY(0)
}
.pickr * {
  box-sizing:border-box;
  outline:none;
  border:none;
  -webkit-appearance:none
}
.pickr .pcr-button {
  position:relative;
  height:2em;
  width:2em;
  padding:.5em;
  cursor:pointer;
  font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
  border-radius:.15em;
  background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" stroke="%2342445A" stroke-width="5px" stroke-linecap="round"><path d="M45,45L5,5"></path><path d="M45,5L5,45"></path></svg>') no-repeat 50%;
  background-size:0;
/*-webkit-transition:all .3s;
transition:all .3s*/
}
.pickr .pcr-button:before {
  background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
  background-size:.5em;
  z-index:-1;
  z-index:auto
}
.pickr .pcr-button:after, .pickr .pcr-button:before {
  position:absolute;
  content:"";
  top:0;
  left:0;
  width:100%;
  height:100%;
  border-radius:.15em
}
.pickr .pcr-button:after {
-webkit-transition:background .3s;
transition:background .3s;
  background:currentColor
}
.pickr .pcr-button.clear {
  background-size:70%
}
.pickr .pcr-button.clear:before {
  opacity:0
}
.pickr .pcr-button.clear:focus {
  box-shadow:0 0 0 1px hsla(0, 0%, 100%, .85), 0 0 0 3px currentColor
}
.pickr .pcr-button.disabled {
  cursor:not-allowed
}


/* --------------------------------------------------------
-----------------------------------------------------------
 pcr-app
-----------------------------------------------------------
----------------------------------------------------------- */
.pcr-app ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.pcr-app button {
    background: none;
    border-radius: 0;
    border: none;
  padding: 0;
  outline: none;
}
.pcr-app p {
  margin: 0;
}
.pcr-app {
  position:fixed;
  /*display:-webkit-box;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  flex-direction:column;*/
  z-index:10000;
  /*border-radius:.1em;*/
  background:#fff;
  opacity:0;
  visibility:hidden;
  -webkit-transition:opacity .3s, visibility 0s .3s;
  transition:opacity .3s, visibility 0s .3s;
  font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
  /*box-shadow:0 .15em 1.5em 0 rgba(0, 0, 0, .1), 0 0 1em 0 rgba(0, 0, 0, .03);*/
  left:0;
  top:0
}
.pcr-app.visible {
  -webkit-transition:opacity .3s;
  transition:opacity .3s;
  visibility:visible;
  opacity:1
}
.pcr-app .pcr-swatches {
  display:-webkit-box;
  display:flex;
  flex-wrap:wrap;
  /*margin-top:.75em*/
}
/*.pcr-app .pcr-swatches.pcr-last {
  margin:0
}*/
@supports (display:grid) {
  .pcr-app .pcr-swatches {
    display:grid;
    -webkit-box-align:center;
    align-items:center;
    grid-template-columns:repeat(auto-fit, 1.75em)
  }
}
.pcr-app .pcr-swatches>button {
  font-size:1em;
  position:relative;
  width:calc(1.75em - 5px);
  height:calc(1.75em - 5px);
  border-radius:.15em;
  cursor:pointer;
  margin:2.5px;
  flex-shrink:0;
  justify-self:center;
/*-webkit-transition:all .15s;
transition:all .15s;*/
  overflow:hidden;
  background:transparent;
  z-index:1
}
.pcr-app .pcr-swatches>button:before {
  position:absolute;
  content:"";
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
  background-size:6px;
  border-radius: 50%;
  z-index:-1
}
.pcr-app .pcr-swatches>button:after {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:currentColor;
  border:1px solid rgba(0, 0, 0, .05);
  border-radius: 50%;
  box-sizing:border-box
}
.pcr-app .pcr-swatches>button:hover {
  -webkit-filter:brightness(1.05);
  filter:brightness(1.05)
}
.pcr-app .pcr-interaction {
  display:-webkit-box;
  display:flex;
  flex-wrap:wrap;
  -webkit-box-align:center;
  align-items:center;
  margin:0 -.2em
}
.pcr-app .pcr-interaction>* {
  margin:0 .2em
}
.pcr-app .pcr-interaction input {
  letter-spacing:.07em;
  font-size:.75em;
  text-align:center;
  cursor:pointer;
  color:#75797e;
  background:#f1f3f4;
  border-radius:.15em;
/*-webkit-transition:all .15s;
transition:all .15s;*/
  padding:.45em .5em;
  margin-top:.75em
}
.pcr-app .pcr-interaction input:hover {
  -webkit-filter:brightness(.975);
  filter:brightness(.975)
}
.pcr-app .pcr-interaction input:focus {
  box-shadow:0 0 0 1px hsla(0, 0%, 100%, .85), 0 0 0 3px rgba(66, 133, 244, .75)
}
.pcr-app .pcr-interaction .pcr-result {
  color:#75797e;
  text-align:left;
  -webkit-box-flex:1;
  flex:1 1 8em;
  min-width:8em;
/*-webkit-transition:all .2s;
transition:all .2s;*/
  border-radius:.15em;
  background:#f1f3f4;
  cursor:text
}
.pcr-app .pcr-interaction .pcr-result::-moz-selection {
background:#4285f4;
color:#fff
}
.pcr-app .pcr-interaction .pcr-result::selection {
background:#4285f4;
color:#fff
}
.pcr-app .pcr-interaction .pcr-type.active {
  color:#fff;
  background:#4285f4
}
.pcr-app .pcr-interaction .pcr-cancel, .pcr-app .pcr-interaction .pcr-clear, .pcr-app .pcr-interaction .pcr-save {
  width:auto;
  color:#fff
}
.pcr-app .pcr-interaction .pcr-cancel:hover, .pcr-app .pcr-interaction .pcr-clear:hover, .pcr-app .pcr-interaction .pcr-save:hover {
  -webkit-filter:brightness(.925);
  filter:brightness(.925)
}
.pcr-app .pcr-interaction .pcr-save {
  background:#4285f4
}
.pcr-app .pcr-interaction .pcr-cancel, .pcr-app .pcr-interaction .pcr-clear {
  background:#f44250
}
.pcr-app .pcr-interaction .pcr-cancel:focus, .pcr-app .pcr-interaction .pcr-clear:focus {
  box-shadow:0 0 0 1px hsla(0, 0%, 100%, .85), 0 0 0 3px rgba(244, 66, 80, .75)
}
.pcr-app .pcr-selection .pcr-picker {
    position: absolute;
    height: 12px;
    width: 12px;
    border: 1px solid rgb(255,255,255,0.9);
    border-radius: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.pcr-app .pcr-selection .pcr-color-chooser, 
.pcr-app .pcr-selection .pcr-color-opacity,
.pcr-app .pcr-selection .pcr-bright-chooser,
.pcr-app .pcr-selection .pcr-color-palette {
  position:relative;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  display:-webkit-box;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  flex-direction:column;
  cursor:grab;
  cursor:-webkit-grab
}
.pcr-app .pcr-selection .pcr-color-chooser:active, 
.pcr-app .pcr-selection .pcr-color-opacity:active,
.pcr-app .pcr-selection .pcr-bright-chooser:active, 
.pcr-app .pcr-selection .pcr-color-palette:active {
  cursor:grabbing;
  cursor:-webkit-grabbing
}
.pcr-app[data-theme=classic] {
  width:28.5em;
  max-width:95vw;
  padding:.8em
}
.pcr-app[data-theme=classic] .pcr-selection {
  display:-webkit-box;
  display:flex;
  -webkit-box-pack:justify;
  justify-content:space-between;
  -webkit-box-flex:1;
  flex-grow:1
}
.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview {
  position:relative;
  z-index:1;
  width:2em;
  display:-webkit-box;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  flex-direction:column;
  -webkit-box-pack:justify;
  justify-content:space-between;
  margin-right:.75em
}
.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview:before {
  position:absolute;
  content:"";
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
  background-size:.5em;
  border-radius:.15em;
  z-index:-1
}
.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-last-color {
  cursor:pointer;
-webkit-transition:background-color .3s, box-shadow .3s;
transition:background-color .3s, box-shadow .3s;
  border-radius:.15em .15em 0 0;
  z-index:2
}
.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-current-color {
  border-radius:0 0 .15em .15em
}
.pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-current-color, .pcr-app[data-theme=classic] .pcr-selection .pcr-color-preview .pcr-last-color {
  background:currentColor;
  width:100%;
  height:50%
}
.pcr-app[data-theme=classic] .pcr-selection .pcr-color-palette {
  width:100%;
  height:8em;
  z-index:1
}
.pcr-app[data-theme=classic] .pcr-selection .pcr-color-palette .pcr-palette {
  -webkit-box-flex:1;
  flex-grow:1;
  border-radius:.15em
}
.pcr-app[data-theme=classic] .pcr-selection .pcr-color-palette .pcr-palette:before {
  position:absolute;
  content:"";
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
  background-size:.5em;
  border-radius:.15em;
  z-index:-1
}
.pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser, 
.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity,
.pcr-app[data-theme=classic] .pcr-selection .pcr-bright-chooser {
  margin-left:.75em
}
.pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser .pcr-picker, 
.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity .pcr-picker,
.pcr-app[data-theme=classic] .pcr-selection .pcr-bright-chooser .pcr-picker {
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%)
}
.pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser .pcr-slider, 
.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity .pcr-slider,
.pcr-app[data-theme=classic] .pcr-selection .pcr-bright-chooser .pcr-slider {
  width: 4px;
  -webkit-box-flex:1;
  flex-grow:1;
  border-radius:50em
}
.pcr-app[data-theme=classic] .pcr-selection .pcr-color-chooser .pcr-slider {
  background:-webkit-gradient(linear, left top, left bottom, from(red), color-stop(#ff0), color-stop(#0f0), color-stop(#0ff), color-stop(#00f), color-stop(#f0f), to(red));
  background:linear-gradient(180deg, red, #ff0, #0f0, #0ff, #00f, #f0f, red)
}
.pcr-app[data-theme=classic] .pcr-selection .pcr-color-opacity .pcr-slider {
  background:-webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)), url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
  background:linear-gradient(180deg, transparent, #000), url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');
  background-size:100%, 50%
}
.pcr-app[data-theme=classic] .pcr-selection .pcr-bright-chooser .pcr-slider {
  background: #000000;
  background: -moz-linear-gradient(top,  #000000 1%, #ffffff 100%);
  background: -webkit-linear-gradient(top,  #000000 1%,#ffffff 100%);
  background: linear-gradient(to bottom,  #000000 1%,#ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=0 );
}
/* --------------------------------------------------------
-----------------------------------------------------------
 pcr-area01
-----------------------------------------------------------
----------------------------------------------------------- */
.pcr-area01 {
  position: relative;
    border: 1px solid #CCC;
    border-radius: 3px;
    background: #FFF;
}
.pcr-area01 .pcr-btn-close {
    position: absolute;
    top: 0;
    right: 0;
    text-indent: -9999px;
    display: block;
    background: url(/pd/img/icon_close.svg) no-repeat center center;
    width: 28px;
    height: 28px;
    background-size: 12px auto;
  z-index: 10;
}
.pcr-area01 .pcr-inner-wrap {
    display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: flex-start;
  flex-direction: row;
  padding: 12px 25px 12px 12px;
}
.pcr-area01 .pcr-color-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  align-content: flex-start;
  flex-direction: row;
  width: 63%;
}
.pcr-area01 .pcr-main-btn-wrap {
  width: 35%
}
/*
---------------------------------------------------------
 pcr-color-wrap
--------------------------------------------------------- */
.pcr-area01 .pcr-color-wrap .pcr-current-color {
    height: 60px;
    width: 60px;
    border-radius: 3px;
}
.pcr-area01 .pcr-color-wrap .pcr-btn-wrap {
    width: calc(100% - 65px);
}

.pcr-area01 .pcr-color-wrap .pcr-btn-wrap button {
    display: inline-block;
    background: no-repeat left center;
    background-size: 16px auto;
    line-height: 16px;
    font-size: 11px;
    padding-left: 20px;
    vertical-align: middle;
}
.pcr-area01 .pcr-color-wrap .pcr-btn-wrap .pcr-no-color button {
    background: no-repeat left center;
    background-size: 16px auto;
    background-image: url(/pd/img/icon_nocolor.svg);
}
.pcr-area01 .pcr-color-wrap .pcr-btn-wrap .pcr-no-color button {
    background-image: url(/pd/img/icon_nocolor.svg);
}
.pcr-area01 .pcr-color-wrap .pcr-btn-wrap .pcr-clear button {
    position: relative;
}
.pcr-area01 .pcr-color-wrap .pcr-btn-wrap .pcr-clear button .pcr-color {
    position: absolute;
    top: 0;
    left: 1px;
    bottom: 0;
    width: 14px;
    height: 14px;
    margin: auto 0;
    border-radius: 2px;
}

/*
---------------------------------------------------------
 pcr-color-wrap
--------------------------------------------------------- */
.pcr-area01 .pcr-main-btn-wrap {
    text-align: center;
    padding-top: 10px;
}
.pcr-area01 .pcr-main-btn-wrap button {
    font-size: 12px;
}
.pcr-area01 .pcr-main-btn-wrap .pcr-save button {
    display: block;
    background: #33ab9f;
    color: #FFF;
    width: 100%;
    padding: 2px;
    border-radius: 11px;
}
.pcr-area01 .pcr-main-btn-wrap li + li {
  margin-top: 3px;
}
/* --------------------------------------------------------
-----------------------------------------------------------
 pcr-area02
-----------------------------------------------------------
----------------------------------------------------------- */
.pcr-area02 {
    position: relative;
    background: #717373;
    padding: 10px 15px;
    margin-top: 5px;
    border-radius: 3px;
}
.pcr-area02::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 14px 5px;
    border-color: transparent transparent #717373 transparent;
    display: block;
    top: -14px;
    left: 38px;
}
.pcr-area02,
.pcr-area02 a {
  color: #FFF;
}
.pcr-area02 input[type="text"],
.pcr-area02 input[type="number"] {
    color: #333;
}
/*
---------------------------------------------------------
 pcr-swatches-block
--------------------------------------------------------- */
.pcr-area02 .pcr-swatches-block {
  margin-bottom: 10px;
}
.pcr-area02 .pcr-swatches-block .pcr-swatches-title {
    background: url(/pd/img/icon_clock.svg) no-repeat left center;
    min-height: 16px;
    background-size: 16px auto;
    padding-left: 20px;
    font-size: 12px;
    line-height: 16px;
  margin-bottom: 5px;
}
.pcr-area02 .pcr-swatches-block .pcr-swatches {
    margin-left: -2.5px;
    width: calc(100% + 5px);
}

/*
---------------------------------------------------------
 pcr-bottom-wrap
--------------------------------------------------------- */
.pcr-area02 .pcr-bottom-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: flex-start;
  flex-direction: row;
}
.pcr-area02 .pcr-bottom-wrap .pcr-selection-wrap {
  width: 50%;
}
.pcr-area02 .pcr-bottom-wrap .pcr-primary-wrap {
  width: 45%;
}

/*
---------------------------------------------------------
 pcr-primary-wrap
--------------------------------------------------------- */
.pcr-app .pcr-primary-wrap .pcr-primary-color {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.pcr-app .pcr-primary-wrap .pcr-primary-color + .pcr-primary-color {
  margin-top: 8px;
}
.pcr-app .pcr-primary-wrap .pcr-primary-color > div {
  display: table-cell;
  vertical-align: middle;
}
.pcr-app .pcr-primary-wrap .pcr-primary-color .pcr-name {
    width: 1.5em;
}
/*
.pcr-app .pcr-primary-wrap .pcr-chooser {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: grab;
    cursor: -webkit-grab;
    padding: 6px 0px;
}
.pcr-app .pcr-primary-wrap .pcr-chooser:active {
  cursor:grabbing;
  cursor:-webkit-grabbing
}
.pcr-app .pcr-primary-wrap .pcr-chooser .pcr-picker {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    height: 14px;
    width: 14px;
    border: 2px solid #717373;
    border-radius: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #33ab9f;
}
.pcr-app .pcr-primary-wrap .pcr-chooser .pcr-slider {
    height: 4px;
    border-radius: 50em;
    background: #33ab9f;
}
*/
.pcr-app .pcr-primary-wrap .pcr-chooser input[type="range"] {
  -webkit-appearance: none; /* これ無しだとスタイルがほぼ全く反映されないので注意 */
  appearance: none;
  cursor: pointer; /* カーソルを分かりやすく */
  outline: none; /* スライダーのアウトラインは見た目がキツイので消す */
  height: 10px; /* バーの高さ */
  width: 100%; /* バーの幅 */
  background: #33ab9f; /* バーの背景色 */
  border-radius: 2px; /* バーの両端の丸み */
  border: solid 3px #717373; /* バー周囲の線 */
}
/* WebKit向けのつまみ */
.pcr-app .pcr-primary-wrap .pcr-chooser input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none; /*  デフォルトのつまみのスタイルを解除 */
  background: #33ab9f; /* 背景色 */
  width: 14px; /* 幅 */
  height: 14px; /* 高さ */
  border-radius: 50%; /* 円形に */
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15); /* 影 */
}
/* Moz向けのつまみ */
.pcr-app .pcr-primary-wrap .pcr-chooser input[type="range"]::-moz-range-thumb {
  background: #33ab9f; /* 背景色 */
  width: 14px; /* 幅 */
  height: 14px; /* 高さ */
  border-radius: 50%; /* 円形に */
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15); /* 影 */
  border: none; /* デフォルトの線を消す */
}
/* Firefoxで点線が周りに表示されてしまう問題の解消 */
.pcr-app .pcr-primary-wrap .pcr-chooser input[type="range"]::-moz-focus-outer {
  border: 0;
}
/* つまみをドラッグしているときのスタイル */
.pcr-app .pcr-primary-wrap .pcr-chooser input[type="range"]:active::-webkit-slider-thumb {
}
.pcr-app .pcr-primary-wrap .pcr-input {
    width: 43px;
    padding-left: 8px;
}
.pcr-app .pcr-primary-wrap .pcr-input input[type="number"] {
    width: 100%;
    font-size: 12px;
    padding: 4px;
}