/*** RANGE ***/

input[type=range],
input[type=range]::-webkit-slider-runnable-track,
input[type=range]::-webkit-slider-thumb { appearance: none; }

/*--range-accent, --range-background - kvuli js*/
input[type=range] { --range-accent: var(--tgl-pri60); --range-background: var(--tgl-pri10); 
 height: 1em; margin:auto; font-size: 1rem; border-radius: 1em; background: var(--range-background) }
input[type=range][disabled] { --range-accent: var(--tgl-neutral20); --range-background: var(--tgl-pri10); }

/*Chrome a Safari*/
/*ukazatel*/
input[type=range]::-webkit-slider-thumb { position: relative; top: -0.5em; width: 2em; height: 2em; cursor:pointer; border-radius: 100%; border: 2px solid var(--range-accent); 
                                          background: var(--tgl-white) url(/u/icon/137/arrow-left-right.svg) no-repeat 50% 50% / 1.25em }
.dark input[type=range]::-webkit-slider-thumb { background-image: url(/u/icon/68c/arrow-left-right.svg) }
input[type=range][disabled]::-webkit-slider-thumb { background-image: url(/u/icon/bbc/arrow-left-right.svg) }
.dark input[type=range][disabled]::-webkit-slider-thumb { background-image: url(/u/icon/344/arrow-left-right.svg) }

/*pozadi*/
input[type=range]::-webkit-slider-runnable-track { height: 1em; border-radius: 1em; }

/*FF -  nelze pripojit k predchozi deklaraci, nutno definovat zvlast*/
input[type=range]::-moz-range-thumb { position: relative; top: -0.25em; width: 2em; height: 2em; border-radius: 100%; border: 2px solid var(--range-accent); background: var(--tgl-white) url(/u/icon/137/arrow-left-right.svg) no-repeat center / contain; }
input[type=range][disabled]::-moz-range-thumb { background-image: url(/u/icon/bbc/arrow-left-right.svg) }
input[type=range]::-moz-range-track { height: 1em; border-radius: 1em; background: transparent; }
input[type="range"]::-moz-range-progress { }

/*** /RANGE ***/


.btn-v3 { min-height: 2.25em; padding:.5em .675em} /*button tertiary v knihovne*/
.btn.disabled {color: var(--tgl-neutral20, #B2B9BE); border-color:var(--tgl-neutral10, #D3D7DA); background: var(--tgl-neutral05, #F0F2F3);}

.reviewbox, .text-reviewbox {position:relative; font-size:1rem; border-radius: .5rem; background: var(--tgl-pri05); }
.reviewbox p, .reviewbox li {font-size:1rem;}
.reviewbox li:before {display:none}
.art-full .reviewbox {margin-bottom:var(--spacing-15, 1.5rem)}
.reviewbox-in {flex:1; padding: var(--spacing-15, 1.5rem); overflow: hidden }
.reviewbox-image { float: right; margin-left: .75rem; }
.reviewbox-image img {width:100%; height:auto}
.reviewbox-tit, h3.reviewbox-tit {margin-bottom: var(--spacing-025); font-size: var(--rs-h4) }
.reviewbox-tit2, h3.reviewbox-tit2 {margin-bottom: var(--spacing-025); font-size: var(--rs-h5) }
.reviewbox p {margin-bottom: var(--spacing-025);}
.reviewbox .points { display: flex; flex-wrap: wrap;  }
.reviewbox .points span + span:before { content: "\2022"; display: inline-block; width: 1em; text-align: center }
.reviewbox .desc { font-size: .875rem }
.reviewbox .brief {font-weight:600}
.ratingbox, .card-box2 {overflow:hidden; border-radius: .5rem; border: solid 1px var(--tgl-pri10); background: var(--tgl-pri05); box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08); }
.ratingbox-v2 {background:var(--tgl-white, #FFF)}

    /*neknihovni barvy*/
.reviewbox .boxflag  {position:absolute; top:0; left: var(--spacing-15, 1.5rem); display: flex; align-items: center; gap:.5em; height:2.25em; margin-top: -1.25em; padding:.25em; box-sizing:border-box; z-index: 0; font-weight: 600; text-transform:uppercase}
.reviewbox .boxflag-affi {padding: .3em .5em; color:#D4EEAE; background:#3B6D11; border-top-left-radius:1.25em; border-bottom-left-radius:1.25em;}

.reviewbox .boxflag [class^="ico-"], .boxflag [class*=" ico-"] {width: 1.5em; height: 1.5em; background-color: #D4EEAE; border-radius: 100%; display: flex;  align-items: center; justify-content: center;}
.reviewbox .boxflag [class^="ico-"]:before, .boxflag [class*=" ico-"]:before {width:.875em; height:.875em; filter: brightness(0) saturate(100%) invert(30%) sepia(56%) saturate(841%) hue-rotate(51deg) brightness(97%) contrast(87%);}


.reviewbox .boxflag .ico-doporucujeme:before {--ico-image:url('/u/icon/000/like-full.svg'); background-image:var(--ico-image)}
.reviewbox .boxflag .ico-vyhodna:before {--ico-image:url('/u/icon/000/savings.svg'); background-image:var(--ico-image)}
.reviewbox .boxflag .ico-premiova:before {--ico-image:url('/u/icon/000/winner-cup.svg'); background-image:var(--ico-image)}
.reviewbox .boxflag .ico-bezstarosti:before {--ico-image:url('/u/icon/000/popular2.svg'); background-image:var(--ico-image)}
.reviewbox .boxflag .ico-funguje:before {--ico-image:url('/u/icon/000/verified.svg'); background-image:var(--ico-image)}

.reviewbox .boxflag:after { content: ""; position: absolute; left: 100%; top: 0; height: 100%; aspect-ratio: 1; z-index: -1; transform: translateX(-50%); box-sizing: border-box; border: solid 1.125em #3B6D11; border-right-color: transparent; }

.reviewbox-highlighted {border:solid .25em #3B6D11}

/*.reviewbox-head - pouze chovani radek/sloupec
zatim pouzito jako .reviewbox-head .reviewbox-in / .reviewbox-in.reviewbox-head 
*/
.css-d .reviewbox-head { display: flex; /*align-items: center; */ width: 100%; box-sizing: border-box;}
.reviewbox-head .review-star {flex: 0 0 auto; margin-inline: auto 0; font-size:1.5rem}

.css-d .reviewbox-head .rating {flex:0 0 200px;}

.ratingstrip-head, .ratingbox .cell.plus, .ratingbox .cell.minus,
.card-box2 .rating, .card-box2 .cell.plus, .card-box2 .cell.minus { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 96px; box-sizing: border-box; background: var(--tgl-pri10) }

.ratingstrip-head:before { content: ""; display: block; width: 2.5rem; height: 2.5rem; background: no-repeat center; background-size: contain }

.css-t .ratingstrip-head { flex: 100%; padding: var(--spacing-075) var(--spacing-1, 1rem); border-top-right-radius: .25rem; border-top-left-radius: .25rem; }
.css-t .ratingstrip-head:before{width:1.5rem; height:1.5rem}

.reviewbox .row, .ratingbox .row, .card-box2 .row { display: flex; }
.css-t .ratingbox .row, .css-t .card-box2 .row { flex-wrap: wrap; }

.ratingbox .row-in {padding: var(--spacing-1, 1rem) var(--spacing-15, 1.5rem);}

/*prepis .text li*/
.ratingbox li {margin: 0; padding-left: 0; background:none}

.ratingbox .cell, .card-box2 .cell { flex: 1; padding: var(--spacing-1, 1rem) var(--spacing-15, 1.5rem); font-size: .875rem; border-top: solid 1px var(--tgl-pri10) }
.ratingbox .cell.plus, .ratingbox .cell.minus, .card-box2 .cell.plus, .card-box2 .cell.minus {padding:var(--spacing-075) var(--spacing-1, 1rem);  border-color: var(--tgl-pri05); }

.css-t .ratingbox .cell, .css-t .card-box2 .rating, .css-t .card-box2 .cell { flex: 100%; }

.ratingbox .cell.plus:before, .card-box2 .cell.plus:before, .ratingbox .cell.minus:before, .card-box2 .cell.minus:before { content: ""; display: block; width: 2rem; height: 2rem; background:no-repeat 50% 50% / contain }
.ratingbox .cell.plus:before, .card-box2 .cell.plus:before { --ico-image:url('/u/icon/000/plus-outlined.svg'); background-image:var(--ico-image); filter: var(--filter-tgl-pri60); }
.ratingbox .cell.minus:before, .card-box2 .cell.minus:before { --ico-image:url('/u/icon/000/minus-outlined.svg'); background-image:var(--ico-image); filter: var(--filter-tgl-pri60); }

.css-t .ratingbox .cell.plus:before, .css-t .ratingbox .cell.minus:before,
.css-t .card-box2 .cell.plus:before, .css-t .card-box2 .cell.minus:before { width:1rem; height:1rem }

.card-box2 { position: relative; margin-bottom:var(--spacing-15, 1.5rem) }
.card-box2 .rating { width: 96px; font-size: 2rem; font-weight: 800; color: var(--tgl-pri60) }
.card-box2 .rating:after { content: ' \0025'; font-size: 50%; }
.card-box2 .more { position: absolute; bottom: 0; display: flex; justify-content: center; align-items: center; gap: .125em; width: 100%; padding: 0.3rem 0; text-align: center; color: var(--tgl-pri60); font-weight: 600; text-transform: uppercase; font-size: .875rem; }

.card-box2 .more:after { content: ""; width: .75em; height: .75em; background: url(/u/icon/000/arrow2-right.svg) no-repeat 50% 50% / contain; filter: var(--filter-tgl-pri60); }

.ratingbox ul, .card-box2 ul {margin: 0; list-style: none }

.ratingstrip { position: relative; display: flex; border-radius: .5rem; border: solid 1px var(--tgl-pri10); background: var(--tgl-white); box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08); }
.ratingstrip:has(.show-vote) { border-bottom-right-radius: 0; }
.css-t .ratingstrip:has(.show-vote) { border-bottom-left-radius: 0 }

.head-bonusweb:before { --ico-image:url('/u/icon/000/game.svg'); background-image:var(--ico-image); filter: var(--filter-tgl-white); }
.head-kinobox:before { --ico-image:url('/u/icon/000/video.svg'); background-image:var(--ico-image); filter: var(--filter-tgl-white); }

.css-t .ratingstrip { flex-wrap: wrap; }
.css-t .ratingstrip:before { width: 100%; height: 2.5rem }

.ratingbox .ratingstrip { border: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: none }

.css-d .ratingstrip > *:last-child { border-radius: 0 .5rem .5rem 0 }

.rating-artsbox{}
.rating-artsbox .show-more {margin:0 var(--spacing-15, 1.5rem) var(--spacing-15, 1.5rem); padding-top:.5rem; font-size:.775rem; border-top:1px solid var(--tgl-pri10, #D6DEEB);}
.rating-artsbox:first-child .show-more {border:none; margin-top:var(--spacing-1, 1rem)}

.rating-artsbox.prep-1 .show-more {display:none}
.arts-note {font-size:.8725rem; }

.rating-art {display:flex; gap:var(--spacing-1, 1rem); align-items: flex-start; padding: 1rem var(--spacing-15, 1.5rem); border:solid 0 var(--tgl-pri10); border-bottom-width:1px}
.rating-art.act {background: var(--tgl-pri05);}
.rating-art:first-child {border-top-width:1px}
.rating-art.highlighted {background-color:var(--tgl-pri05b, #EDF2F9)}
.css-t .rating-art {flex-direction:column; align-items: stretch;}
.rating-art .rating-wrap {flex:0 0 auto; display:flex; flex-wrap:wrap; gap:.75rem; align-items: center;}
.css-d .rating-art .rating-wrap {width:155px;}
.css-d .rating-wrap > * {flex:0 0 100%}
.rating-art .rating {padding:0; border:none}
.rating-art .rating .rating-num {font-size:1.5rem}


.ratingbox .art {--art-img-w:135px; --art-img-h:76px; --art-h3:1rem; margin:0 }
.css-t .ratingbox .art {--art-img-w:100px; --art-img-h:56px; --art-h3:.875rem}

.text .ratingbox .art h3 {font-size:var(--art-h3)}

.rating-desc{text-transform:uppercase;font-size:.5rem;font-weight: 800;color: var(--tgl-neutral90, #2B3135);}

.css-d .reviewbox-head .rating { flex: 0 0 200px; display: flex; flex-wrap: wrap; gap: .25rem; align-content: center; box-sizing: border-box; }
.css-d .reviewbox-head .rating .rating-bar-wrap {margin-top:0}
.css-t .reviewbox-head .rating {border-width:1px 0 0}

/*tp - preskupene prvky na touchi*/
.rating-art .rating, .css-t .rating-tp {display:flex; gap:0 .25rem; flex-wrap:wrap; align-items: center;}
.rating-art .rating .rating-bar-wrap, .css-t .rating-tp .rating-bar-wrap {order:1}
.rating-art .rating-wrap .btn{width:auto}

.css-t .rating-art .rating-wrap { display: flex; gap:0 .75rem; align-items: center; justify-content: space-between; box-sizing:border-box}

/*.card-box - prechodove pro stare html, prijde pryc*/
.card-box { position: relative; /*padding:1rem; */ border-radius: .5rem; border: solid 1px var(--tgl-pri10); background: var(--tgl-white); box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08); }
.card-box h2 { display: none }
.card-box .w2-a, .card-box .w2-b { display: contents }
.card-box .cbg-b > .box-in { display: flex }
.card-box .w2-b .border-box { border-left: solid 1px var(--tgl-pri10); }
.card-box .bb-score { flex: 0 0 auto; width: 130px }
.card-box .bb-sendscore { flex: 1 0 auto; }
.card-box .bg-b .box-in { padding: 1rem; font-size: 2rem; font-weight: 800; color: var(--tgl-pri60); }
.card-box .w2-b .bg-b .box-in { color: var(--tgl-pri20); }
.card-box label { display: flex; justify-content: flex-end; gap:1rem; width: 100%; }

.card-box h4 { padding: 1rem; font-size: .75rem; text-transform: uppercase; font-weight: 800; color: var(--tgl-neutral80); background: var(--tgl-pri10); }
.card-box .w2-b h4 { border-left: solid 1px var(--tgl-white) }
.card-box .range { width: calc(100% - 100px); flex: 0 0 auto; }
.card-box .submit { width: 100%; height: 2.5rem; border-radius: .25rem; color: var(--tgl-white); background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAAVCAYAAADl/ahuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0JFQTBFRkJGQ0I0MTFFRTgzQTBBMjNEMUE1N0ZCQkYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0JFQTBFRkFGQ0I0MTFFRTgzQTBBMjNEMUE1N0ZCQkYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmRpZDo5QkM3NjBDMUIzRkNFRTExQjU2Q0JGQUE5N0MwREM2QiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5QkM3NjBDMUIzRkNFRTExQjU2Q0JGQUE5N0MwREM2QiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvpQMsoAAAKZSURBVHja7FjRcdswDJVz+Q87Qd0Jok5gd4IqE0SZwOoEsidQMkHiCexMEG1gb+B0AqkTqMT1MfeKkpRcxz85vTucKRIgoUcSgDXpui4ZEcbFSMFI0Em4HKAzhQheIeMJssisHCAvEGnvMDYUYtfh91x4jzXKYwiqrGzo5DBSjBUf5JCk2PjlUILm9PJ7KzdWJpAb9DkS5x+AoO+BgxCMQe6otVa+4ddha6UG4wa6tYpXJX4lVj30xLYFdlDwbOVJrSdr5HiJJKIXCxO3mMdt+APF0Vxtsvj+E/P/gdRBShwqz5iTivRcX2ql6f6GPB/QfunRFeysGOgYPHc9egnm1muUAVtZd6rsGDzHP1dsrnYqhGePTUU79QOn7zVwfDfQdVf4DicixTxud1M135LixiLin6Ew8QTbexpzSWatbsASfUel+SEwRNQ9OSOONZ5NcKTdUUwTPIIY6b+i/iuQXeMKJMrOB5njGleqhW1B8znyPpPvq3MVimngdLVqhwQzFSBLyEyRuFY760qOGciKEdQiXq5xWiqUJycXinvlfB2J/GyT/iexy8iYkPAV5GUU2HPI0rfjqlQ5uRS58DBfUwwwgeuUo13DplXZKYk8/6L2JyohWGryZwU9F4PcWkVP9ioo80qc+/JelfSKiNBVc4Y+o3T35PiCxnMPQVtq56oabhCHXDxyVfwUpK0oBZvIe12rWLTt0Q8jkMZDKZJRRmwOlEIbT/rcqJR9oOcCOlOybWC/C5QhOs1nAV8cHsm28Pjy9l5JpNbJAnXIDmN99ZEgD9QoBk7q+kSTnirymJy+OqjykFLQWlxv6TXefJgM+GB27L95p78fUO0aCvAxffZhyLzabojfc9/8k/GL4vjBbCTonPgtwAD3tYwmYbVqawAAAABJRU5ErkJggg==') no-repeat center; background-color: var(--tgl-pri60); }

.card-box .people { position: absolute; bottom: 0; right: 0; padding: 2px 1rem; font-size: .75rem; text-align: right }

.css-t .card-box { margin-bottom: 2rem }
.css-t .card-box .cbg-b > .box-in { flex-wrap: wrap }
.css-t .card-box .bb-score { width: 50%; box-sizing: border-box; }
.css-t .card-box .bb-sendscore { width: 100%; border: none }
.css-t .card-box .bb-sendscore h4 { border: none; }

.rating-hernikarta { display: flex; gap: .5rem; align-items: center; text-transform: uppercase; font-size: .875rem; color: var(--tgl-pri60) }

.rating-hernikarta:before, .rating-hernikarta:after { content: ""; background: no-repeat; background-size: contain; filter: var(--filter-tgl-pri60) }
.rating-hernikarta:before { width: 2rem; height: 2rem; --ico-image:url('/u/icon/000/game-card.svg'); background-image:var(--ico-image)}
.rating-hernikarta:after { width: 1rem; height: 1rem; background-image: url(/u/icon/000/arrow2-right.svg) }

.rating-hernikarta span { width: min-content; font-weight: 800 }


.rating {flex: 1 0 0px; padding: var(--spacing-1, 1rem) var(--spacing-15, 1.5rem); border: var(--tgl-pri10) solid 0; border-left-width:1px }
.ratingstrip .rating { }
.css-d .ratingstrip .rating { position: relative }
.rating.show-vote { border-bottom-right-radius: 0; background: var(--tgl-pri05) }

.rating h4 {margin-bottom: .125rem; font-size: .6rem; font-weight: 800; }
.rating .tit-idnes { overflow: hidden; text-indent: -10000px; background: url(/u/loga-n4/idnes.svg) no-repeat left 50% / contain; }
.rating-ctenari h4 { text-transform: uppercase }
.rating .tit-kinobox { overflow: hidden; text-indent: -10000px; background: url(/u/loga/kinobox.png) no-repeat left 50% }

.rating-num { font-size: 2.5rem; line-height:1; font-weight: 800; color: var(--tgl-pri60) }
.rating-ctenari .rating-num { color: var(--tgl-pri20) }
.rating-none { font-weight:800; color:var(--tgl-pri10); line-height: 2.5rem;}
.show-more, .rating .more { display: flex; align-items: center; color: var(--txt-pri60); cursor:pointer; font-weight: 600 }
.rating .show-more, .rating .more {font-size: .625rem;}
.show-more:after, .rating .more:after { content: ""; width: .75em; height: .75em; margin-left: .25em; background: url(/u/icon/000/arrow-down.svg) no-repeat 50% 50% / contain; filter: var(--filter-tgl-pri60) }
.rating .more:after { background-image: url(/u/icon/000/arrow2-right.svg) }

a.rating:hover {text-decoration:none}
a.rating:hover .more {text-decoration:underline}

.rating .btn{margin-top:.75rem}

.rating-bar-wrap { position: relative; width: 100%; height: 6px; border-radius: 6px; background: var(--tgl-pri10) }
.rating-bar { position: absolute; height: 100%; border-radius: 6px; background: var(--tgl-pri60) }

.rating .rating-bar-wrap {margin-top:.25rem}
.rating .note { margin-bottom: 1rem; font-size: .75rem; font-weight: 600 }
.rating .note a { text-decoration: underline }

.rating-vote { width: 100%; padding:var(--spacing-15, 1.5rem); box-sizing: border-box;  }
.rating .rating-vote { display: none; position: absolute; left: -1px; right: -1px; top: 100%; border-radius: 0 0 .5rem .5rem; border: solid 1px var(--tgl-pri10); background: var(--tgl-pri05); box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.08);}
.rating.show-vote .rating-vote { display: block; z-index: 5; }

.rating-vote form { display: flex; flex-wrap: wrap; gap: 1rem .5em; justify-content: space-between; align-items: center;}

.icotext {display:inline-flex; gap:0 .125em}
.icotext[class^="ico-"]:before, .icotext[class*=" ico-"]:before {flex: 0 0 auto; width:1em; height:1em; margin-top: .125em; margin-top:calc((1lh - 1em) / 2)}
.ratingbox .icotext.ico-done:before {filter:var(--filter-tgl-pri60)}

.rating-vote .numinput, .rating-vote input[type=number] { font-size: 1.25rem; color: var(--tgl-pri60); font-weight: 900; }
.rating-vote .numinput {flex:0 0 auto}
.rating-vote input[type=number] { height: 100%; padding: 0.35em 0.25em; text-align: right; color: var(--tgl-pri60); border-radius: .25rem; border: 1px solid var(--tgl-pri10); box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.2); -moz-appearance: textfield; appearance: textfield;}

.rating-vote input[type=number]::-webkit-inner-spin-button,
.rating-vote input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;}


.rating-vote .disabled .numinput, .rating-vote input[type=number][disabled] { color: var(--tgl-neutral20) }
.rating-vote button { flex: 1; display: inline-flex; justify-content: center; align-items: center; gap: 0.5em; line-height: 1.25; text-decoration: none; box-sizing: border-box; font-size: .875rem; border: 1px solid transparent; border-radius: 0.25rem; min-height: 2.75em; padding: 0.25em 0.75em; color: var(--tgl-white); background-color: var(--tgl-pri60); border-color: transparent; box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.12); font-weight:600; }
.rating-vote button[disabled] { background-color: var(--tgl-neutral20) }


/*fw full width*/
.rating-vote-fw input[type=range]{flex: 1 1 auto;}
.css-t .rating-vote-fw input[type=range] {width:100%}
.css-d .rating-vote-fw button {flex:0 0 auto; width:155px}

.rating-ctenari .rating-vote input[type=range] {width:100%}