.gb_fs_container{--selection-plain-color:var(--primary-color);--selection-overlay-color:var(--primary-color-030);}
.gb_fs_container input{display:none;}
.gb_fs_container .flag{display:inline-block;width:41%;margin-left:6%;padding-top:1em;text-align:center;position:relative;cursor:pointer;border-radius:5px;border:2px solid #FFF;background-color:rgba(43,43,43,0.05);transition:background-color 0.2s, border-color 0.2s;}
.gb_fs_container .flag.selected{border-color:var(--selection-plain-color);background-color:var(--selection-overlay-color);}
.gb_fs_container .flag .title{font-weight:bold;}
.gb_fs_container .flag .title .far{display:none;margin-right:0.5em;}
.gb_fs_container .flag .title i:not(.far){font-weight:normal;font-size:0.9em;}
.gb_fs_container .flag.selected .title .fa-check-circle, .gb_fs_container .flag:not(.selected) .title .fa-circle{display:inline;}
.gb_fs_container .flag .preview{display:inline-block;width:100%;text-align:center;position:relative;}
.gb_fs_container .flag .preview:before{content:"";display:inline-block;padding-top:100%;}
.gb_fs_container .flag .preview .content{display:inline-block;position:absolute;top:8%;right:8%;bottom:8%;left:8%;transition:0.2s;}
.gb_fs_container .flag .preview .content .format{display:inline-block;background-color:#fff;vertical-align:top;position:relative;box-shadow:1px 1px 5px rgba(43,43,43,0.4);}
.gb_fs_container .flag .preview .content .format.redim{background-color:rgba(255,255,255,0.3);outline:1px dashed rgba(43,43,43,0.3);}
.gb_fs_container .flag .preview.panel .content .format{box-shadow:none;}
.gb_fs_container .flag .preview .content .format .printArea{display:inline-block;background-repeat:no-repeat;background-position:center center;position:relative;}
.gb_fs_container .flag .preview .content .format .printArea.fit{outline:1px dashed rgba(43,43,43,0.3);}
.gb_fs_container .flag .preview.panel .content .format .printArea{position:relative;background-color:#fff;box-shadow:1px 1px 5px rgba(43,43,43,0.4);}
.gb_fs_container.smallPanel .flag{display:block;width:100%;margin-left:0;}
.gb_fs_container.smallPanel .flag .preview{max-width:150px;}
.gb_fs_container.smallPanel .flag .title i:not(.far){display:block;}

.gb_qs_container{text-align:center;}
.gb_qs_container input{display:inline-block;width:80px;height:40px;line-height:40px;padding:0;border:2px solid #BBB;border-width:2px 0;vertical-align:middle;text-align:center;font-size:2em;-webkit-appearance:none;}
.gb_qs_container input:focus{outline-offset:-2px;outline:2px solid var(--standard-text-color);}
.gb_qs_container i{display:inline-block;width:40px;height:40px;line-height:40px;border:2px solid #bbb;vertical-align:middle;font-size:2em;cursor:pointer;background:#bbb;color:#444;transition:0.2s;}
.gb_qs_container i:hover{background:#ccc;color:var(--standard-text-color);}
.gb_qs_container i:active{box-shadow:inset 0 0 2px #aaa;}
.gb_qs_container i.fa-minus{border-radius:1em 0 0 1em;padding-left:0.2em;}
.gb_qs_container i.fa-plus{border-radius:0 1em 1em 0;padding-right:0.2em;}
.gb_qs_container span{display:inline-block;font-size:0.8em;color:var(--error-color);opacity:0;transition:opacity 0.2s;}
.gb_qs_container.error input{border-color:var(--error-color);color:var(--error-color);}
.gb_qs_container.error i{border-color:var(--error-color);background:var(--error-color);color:#eee;}
.gb_qs_container.error i:hover{background:#E30205;color:#fff;}
.gb_qs_container.error i:active{box-shadow:inset 0 0 2px #930205;}
.gb_qs_container.error span{opacity:1;}

.gb_ts_container{--selection-plain-color:var(--primary-color);--selection-overlay-color:var(--primary-color-030);}
.gb_ts_container h3{font-size:1.3em;}
.gb_ts_container .listContainer{display:flex;flex-flow:row wrap;}
.gb_ts_container .listContainer::after{content:'';flex:0 0 100%;height:10px;}
.gb_ts_container .listContainer .template{flex:0 1 auto;display:inline-flex;flex-flow:column nowrap;box-sizing:border-box;margin:10px 0 0 10px;padding:8px;border:2px solid #fff;border-radius:5px;cursor:pointer;transition:background-color 0.2s, border 0.2s, color 0.2s;}
.gb_ts_container .listContainer .template:hover{background-color:var(--selection-overlay-color);}
.gb_ts_container .listContainer .template.selected{font-weight:bold;background-color:var(--selection-overlay-color);border-color:var(--selection-plain-color);}
.gb_ts_container .listContainer .template.hidden{display:none;}
.gb_ts_container .listContainer .template .thumb{position:relative;display:flex;justify-content:center;align-items:center;line-height:0;}
.gb_ts_container .listContainer .template .thumb::before{content:'';padding-top:100%;}
.gb_ts_container .listContainer .template .thumb > img{position:absolute;max-width:100%;max-height:100%;object-fit:contain;box-shadow:1px 1px 3px rgba(43,43,43,0.5);}
.gb_ts_container .listContainer .template .title{flex:1 0 auto;display:inline-flex;justify-content:center;align-items:center;text-align:center;min-height:2.6em;line-height:1.3em;margin-top:10px;}
.gb_ts_container.withFilter{display:flex;align-items:self-start;position:absolute;top:0;left:0;width:100%;height:100%;overflow-y:scroll;}
.gb_ts_container.withFilter .listContainer{flex:1 1 auto;}
.gb_ts_container.withFilter .filterContainer{flex:0 0 auto;max-width:25%;align-self:stretch;display:flex;flex-direction:column;padding:30px;position:sticky;top:0;overflow-y:auto;scrollbar-width:none;overscroll-behavior:none;}
.gb_ts_container.withFilter .filterContainer > *{margin:0 0 20px;}
.gb_ts_container.withFilter .filterContainer::after{content:'';flex-shrink:0;height:10px;}
.gb_ts_container.withFilter .filterContainer .filterTitle{display:none;}
.gb_ts_container.withFilter .filterContainer .filterHighlight{display:none;}
.gb_ts_container.withFilter .filterContainer .filterList .filterSubTitle{display:none;}
.gb_ts_container.withFilter .filterContainer .filterList h4{font-size:1em;margin:1em 0 .5em;}
.gb_ts_container.withFilter .filterContainer .filterList h4:first-of-type{margin-top:0;}
.gb_ts_container.withFilter .filterContainer .filterList h4 > strong > .collapsedList{display:none;}
.gb_ts_container.withFilter .filterContainer .filterList h4 > i{display:none;}
.gb_ts_container.withFilter .filterContainer .filterList .valueContainer{display:flex;align-items:center;}
.gb_ts_container.withFilter .filterContainer .filterList .valueContainer > input{margin:2px;}
.gb_ts_container.withFilter .filterContainer .filterList .valueContainer > input:checked + label{font-weight:bold;}
.gb_ts_container.withFilter .filterContainer .filterList .valueContainer > label{margin-left:2px;}
.gb_ts_container.withFilter.smallScreen{flex-direction:column;}
.gb_ts_container.withFilter.smallScreen .listContainer{flex-grow:0;align-self:stretch;}
.gb_ts_container.withFilter.smallScreen .filterContainer{flex-direction:row;max-width:100%;background-color:#FFF;z-index:1;border-bottom:1px solid #DDD;}
.gb_ts_container.withFilter.smallScreen .filterContainer > *{margin:0;}
.gb_ts_container.withFilter.smallScreen .filterContainer .filterTitle{display:inline;margin-left:auto;cursor:pointer;}
.gb_ts_container.withFilter.smallScreen .filterContainer .filterTitle .filterCount:not(:empty){display:inline-block;padding:0 3px;}
.gb_ts_container.withFilter.smallScreen .filterContainer .filterTitle > i{transition:transform .15s;}
.gb_ts_container.withFilter.smallScreen .filterContainer .filterHighlight{position:absolute;top:0;right:0;left:0;background-color:rgba(43,43,43,0.3);}
.gb_ts_container.withFilter.smallScreen .filterContainer.showFilter::before{content:'';position:absolute;bottom:-1px;right:10px;display:inline-block;border:12px solid rgba(255,255,255,0);border-bottom-color:#F6F6F6;z-index:3;}
.gb_ts_container.withFilter.smallScreen .filterContainer .filterList{position:relative;display:none;position:absolute;top:calc(100% + 1px);right:0;overflow-y:auto;scrollbar-width:none;overscroll-behavior:none;background-color:#FFF;box-shadow:0 2px 10px rgba(43,43,43,0.5);}
.gb_ts_container.withFilter.smallScreen .filterContainer .filterList > *{border-bottom:1px solid #E6E6E6;}
.gb_ts_container.withFilter.smallScreen .filterContainer .filterList .filterSubTitle{display:flex;align-items:baseline;padding:15px;background-color:#F6F6F6;}
.gb_ts_container.withFilter.smallScreen .filterContainer .filterList .filterSubTitle > strong{margin-right:auto;padding-right:15px;font-size:1.2em;}
.gb_ts_container.withFilter.smallScreen .filterContainer .filterList .filterSubTitle > a{cursor:pointer;transition:.2s;}
.gb_ts_container.withFilter.smallScreen .filterContainer .filterList .filterSubTitle > a.zeroChecked{cursor:default;color:#CCC;}
.gb_ts_container.withFilter.smallScreen .filterContainer .filterList .filterSubTitle > a.zeroChecked:hover{text-decoration:none;}
.gb_ts_container.withFilter.smallScreen .filterContainer .filterList h4{display:flex;align-items:center;padding:0 15px;min-height:calc(1.4em + 30px);margin:0;}
.gb_ts_container.withFilter.smallScreen .filterContainer .filterList h4 > strong{display:inline-flex;flex-direction:column;}
.gb_ts_container.withFilter.smallScreen .filterContainer .filterList h4 > i{display:inline-block;margin-left:auto;transition:transform .15s;}
.gb_ts_container.withFilter.smallScreen .filterContainer .filterList h4.collapsed > strong > .collapsedList{display:block;font-weight:normal;font-size:0.9em;color:#999;}
.gb_ts_container.withFilter.smallScreen .filterContainer .filterList h4.collapsed > i{transform:rotate(180deg);}
.gb_ts_container.withFilter.smallScreen .filterContainer .filterList .valueContainer{background-color:#FAFAFA;opacity:1;transition:opacity .15s;}
.gb_ts_container.withFilter.smallScreen .filterContainer .filterList .valueContainer > input{order:1;margin-left:0;margin-right:15px;}
.gb_ts_container.withFilter.smallScreen .filterContainer .filterList .valueContainer > label{flex-grow:1;padding:15px 30px;margin-left:0;transition:padding .15s;}
.gb_ts_container.withFilter.smallScreen .filterContainer .filterList .valueContainer.collapsed{opacity:0;overflow:hidden;border-bottom-width:0;}
.gb_ts_container.withFilter.smallScreen .filterContainer .filterList .valueContainer.collapsed > input{display:none;}
.gb_ts_container.withFilter.smallScreen .filterContainer .filterList .valueContainer.collapsed > label{padding:0 30px;height:0;}
.gb_ts_container.withFilter.smallScreen .filterContainer .iconButton{display:none;}
.gb_ts_container.withFilter.smallScreen .filterContainer.showFilter{overflow:visible;}
.gb_ts_container.withFilter.smallScreen .filterContainer.showFilter .filterTitle > i{transform:rotate(180deg);}
.gb_ts_container.withFilter.smallScreen .filterContainer.showFilter .filterHighlight{display:block;}
.gb_ts_container.withFilter.smallScreen .filterContainer.showFilter .filterList{display:block;}

.gb_csi_container{text-align:center;}
.gb_csi_container .sizeContainer{display:inline-block;text-align:right;vertical-align:middle;width:calc((100% - 1.5em - 10px) / 2);white-space:nowrap;}
.gb_csi_container .sizeContainer:last-child{text-align:left;}
.gb_csi_container .sizeContainer span{display:inline-block;margin:0 5px;vertical-align:middle;font-size:0.9em;line-height:1.1em;color:#666;}
.gb_csi_container .sizeContainer input{display:inline-block;max-width:80px;width:45%;height:40px;line-height:40px;padding:0;border:1px solid #BBB;border-radius:3px;vertical-align:middle;text-align:center;font-size:2em;transition:0.2s;}
.gb_csi_container .sizeContainer i{display:inline-block;width:80px;font-size:0.8em;color:var(--error-color);text-align:center;opacity:0;transition:opacity 0.2s;}
.gb_csi_container .per{display:inline-block;width:1em;padding:0 5px;vertical-align:middle;font-size:1.5em;}
.gb_csi_container .sizeContainer.error input{color:var(--error-color);border-color:var(--error-color);}
.gb_csi_container .sizeContainer.error i{opacity:1;}

.gb_bc_container{}
.gb_bc_container .modeDescription > div{display:none;padding:0 0 2em 0;border-style:solid;border-color:#f1f1f1;border-width:0 0 3px 0;}
.gb_bc_container .modeDescription > div.selected{display:block;}
.gb_bc_container .modeDescription > div.toLoad{text-align:center;font-size:2em;}
.gb_bc_container .modeDescription .toContentOnlyContainer{max-width:650px;margin:0 auto;}
.gb_bc_container .modeDescription .toContentOnlyContainer .hideOnContentOnly{display:none;}
.gb_bc_container .modeDescription .toContentOnlyContainer h2{font-size:1.5em;transition:0s;}
.gb_bc_container .modeDescription .toContentOnlyContainer img.macroImage{max-width:100%;}
.gb_bc_container .bookTitle{margin:2em auto;}
.gb_bc_container .bookTitle > div{padding-left:3px;max-width:calc(30em * 1.1);margin:0 auto;text-align:left;color:#666;font-size:0.9em;transition:0.2s;}
.gb_bc_container .bookTitle > input{display:block;box-sizing:border-box;border:1px solid #F1F1F1;padding:3px 6px;margin:0 auto;width:100%;max-width:30em;color:var(--standard-text-color);background-color:#F6F6F6;resize:none;transition:0.2s;}
.gb_bc_container .bookTitle > input:hover, .gb_bc_container .bookTitle > input:focus{border-color:#BBB;}
.gb_bc_container .bookTitle.error > div{color:var(--error-color);}
.gb_bc_container .bookTitle.error > input{border-color:var(--error-color);}
.gb_bc_container .bookTitle.error > input:focus{outline-color:var(--error-color);}