body.cardsort{height:100%;margin:0;padding:0;overflow:hidden}body.cardsort.rtl_language{direction:rtl}.cs-container{height:100%}.cs-wrap{height:100%}.cs-grid{direction:ltr}.cs-left{float:left;background:#a7b2b6;height:100%;overflow:hidden;min-height:60px;position:relative}.cs-unsorted{width:280px;height:100%;overflow-y:auto;overflow-x:hidden}.cs-unsorted.has-progress{height:calc(100% - 60px)}.cs-unsorted .card.has-position .card-pos{display:none}.cs-unsorted .card.has-position .card-label{padding-left:0}.cs-stage{height:100%;padding:16px;overflow-y:auto;overflow-x:hidden;position:relative}.cs-tutorial{position:absolute;top:0;left:0;color:#414141}.cs-tutorial .tutorial-step{min-width:260px;max-width:calc(260px * 2);padding:20px;background:#e3eff8;border:2px solid #90bfe5;border-radius:4px}.cs-tutorial .tutorial-step h1,.cs-tutorial .tutorial-step h2,.cs-tutorial .tutorial-step h3,.cs-tutorial .tutorial-step h4,.cs-tutorial .tutorial-step h5,.cs-tutorial .tutorial-step p,.cs-tutorial .tutorial-step img{padding:0;margin:0 0 10px 0}.cs-tutorial .tutorial-step ul,.cs-tutorial .tutorial-step ol{margin-bottom:10px}.cs-tutorial .tutorial-step img{max-width:100%}.rtl_language .cs-tutorial{direction:rtl}.cs-instructions *:first-child{margin-top:0}.cs-instructions img{width:auto;max-width:100%}.cs-header{width:100%;border-bottom:4px solid #a7b2b6}.cs-logo{display:none;height:35px;margin:10px}.cs-logo img{height:100%;margin:0}.cs-controls{float:right;padding:5px}.cs-controls .btn{width:auto}.cs-controls .btn .icon-left{margin:0}@media (min-width: 768px){.cs-logo{display:inline-block}.cs-controls .btn{width:auto}.cs-controls .btn .icon-left{margin-right:5px}}.rtl_language .cs-controls{float:left}.cardlist{list-style:none;margin:0;padding:10px;height:100%;min-height:64px}.card{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;width:100%;margin:4px 0;padding:8px 10px;border:1px solid transparent;list-style:none;min-height:36px;position:relative;background:#FFF;border:1px solid #89949b;font-size:0.875em;line-height:1.35em;color:#444c51;word-wrap:break-word;box-shadow:0 4px 7px -4px rgba(0,0,0,0.4)}.card:hover{cursor:move;cursor:grab}.card .card-label{display:block}.card.ui-sortable-helper{cursor:grabbing;transform:rotate(-2deg)}.card.ui-sortable-helper.has-position .card-pos{display:none}.card.ui-sortable-helper.has-position .card-label{padding-left:0}.card.has-position .card-label{padding-left:20px}.card.has-position .card-pos{transition:all 0.2s ease;display:block;position:absolute;top:0;left:0;min-width:20px;padding:3px;background:#a7b2b6;text-align:center;font-size:0.93em;font-weight:600;line-height:1}.card.has-description{padding-right:30px}.card.has-img{position:relative}.card.has-img .card-label{margin-top:5px}.card.has-img .embiggen-img{position:absolute;display:block;bottom:0px;right:0px;width:22px;height:22px;padding:3px;background:#90bfe5;color:#ffffff;font-size:14px;text-align:center;cursor:pointer}.card.has-img .embiggen-img:after{content:"";font:normal normal normal 14px/1 "FontAwesome";text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.card.has-img .embiggen-img:hover{background:#67a7db}.card .card-img{display:block;width:auto;max-width:100%;max-height:400px;margin:0 auto}.no-touch .card.has-img .embiggen-img{opacity:0;transform:scale(0);transition:all 0.1s ease}.no-touch .card.has-img:not(.ui-sortable-helper):hover .embiggen-img{opacity:1;transform:scale(1)}.card-placeholder{width:100%;margin:4px 0;padding:8px 10px;border:1px solid transparent;list-style:none;min-height:36px;border:1px solid transparent;background:#89949b}.cardsort-desc{position:absolute;right:0}.cardsort-desc:before{content:"";font:normal normal normal 14px/1 "FontAwesome";text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:18px}.cardsort-desc:hover,.cardsort-desc:focus,.cardsort-desc:active,.cardsort-desc.active{color:#90bfe5;text-decoration:none}.rtl_language .card{direction:rtl}.category-width{width:260px}.category{width:260px;border:1px solid #e7e7e7;z-index:1;transition:all 0.2s ease;animation:fadeInGroup 1s;background:#d4dddf;border-color:#b7c6c9;box-shadow:0 2px 2px 0 rgba(0,0,0,0.2)}.category:hover{cursor:move;cursor:grab}.category.no-transition{transition:none !important}.category.no-animation{animation:none}.category.is-minimised .category-minimise{transform:rotate(-90deg);color:#67737a}.category.is-minimised .cardlist{height:64px;overflow:hidden;background:#67737a}.category.is-minimised .card{opacity:0.1}.category.is-full .category-header,.category.is-full .category-footer{background:#f7f9f9}.category.is-full .category-count:after{opacity:1}.category.is-full-mouseover{box-shadow:0 0 0 2px #f56200;transition:all 0.2s 0.4s ease-in}.category.is-full-mouseover .category-count{transition:all 0.2s 0.4s ease-in;color:#f56200}.temp-category{width:260px;border:1px solid #e7e7e7;z-index:1;padding:16px;border:2px solid #90bfe5;box-shadow:none;background:none;transition:none;animation:fadeInGroup 0.5s}.temp-category .category-label{text-align:center;color:#90bfe5;margin:0 0 15px 0}.temp-category .cardlist{border:2px dashed #90bfe5;background:#e3eff8;min-height:36px}.packery-drop-placeholder{width:260px;border:1px solid #e7e7e7;z-index:1;animation:fadeInGroup 0.2s;border:2px dashed #bdc6c8;z-index:1}.category{touch-action:none}.category.ui-draggable-dragging{cursor:grabbing;transition:none;transform:rotate(-2deg);box-shadow:0 6px 8px 0 rgba(0,0,0,0.2);z-index:3}.category.is-positioning-post-drag{z-index:3;transition:all 0.2s ease-out}.category-header,.category-footer{padding:10px;background:#f7f9f9}.category-header{position:relative}.category-minimise,.category-delete,.cardsort-desc{position:absolute;top:0;display:block;text-align:center;font-size:1.3em;font-weight:bold;color:#67737a;text-decoration:none;width:28px;height:28px;line-height:28px}.category-delete{right:0}.category-delete:hover,.category-delete:focus,.category-delete:active{color:#da1f47;outline:none}.category-minimise{left:0;transition:all 0.2s ease}.category-minimise:hover,.category-minimise:focus,.category-minimise:active{color:#67737a}.rtl_language .category{direction:rtl}.rtl_language .category-desc,.rtl_language .category-delete{right:auto;left:5px}.rtl_language .category-minimise{left:auto;right:5px}.rtl_language .category.is-minimised .category-minimise{transform:rotate(90deg)}.category-name{margin:5px 20px;font-size:1em;font-weight:600;color:#414141}.category-label{word-break:break-word;word-wrap:break-word;hyphens:auto}.category-rename{cursor:pointer;text-decoration:underline}.category-rename:hover,.category-rename:active,.category-rename:focus{color:#191934}.category-label-unnamed{text-decoration:underline;color:#bd4c00}.category-label-unnamed:hover,.category-label-unnamed:active,.category-label-unnamed:focus{color:#a94300}.category-label-input{width:100%;margin:-2px;padding:0 6px;height:28px;line-height:28px;border:none;border-radius:1px}.category-label-input:focus{outline:none;box-shadow:0 0 0 2px #90bfe5}.category-count{font-size:0.875em;font-style:italic;color:#67737a}.category-count:after{content:"";font:normal normal normal 14px/1 "FontAwesome";text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;float:right;line-height:1.5;opacity:0}.sort-progress{position:absolute;bottom:0;left:0;padding:12px;height:60px;width:280px;background:#c6cdcf;border-top:1px solid #67737a}.sort-progress-label{color:#414141;font-size:0.875em;line-height:1;margin-bottom:8px;text-align:center}.sort-progress-bar{width:100%;height:12px;background:#67737a;border-radius:3px;overflow:hidden}.sort-progress-bar .bar-inner{height:100%;width:100%;background:#89949b;transition:width 0.2s ease}.rtl_language .sort-progress-bar{transform:rotate(180deg)}.modal.cs-modal-image .close{font-size:30px;opacity:0.5}.modal.cs-modal-image .close:hover,.modal.cs-modal-image .close:active,.modal.cs-modal-image .close:focus{opacity:0.8;outline:none}.modal.cs-modal-image .modal-dialog{width:auto;max-width:90%}.modal.cs-modal-image .modal-dialog .modal-body{padding:15px}.modal.cs-modal-image .modal-dialog img{margin:0;max-width:100%}@media (max-width: 560px){.cs-left{max-width:45%}.cs-stage{max-width:55%}.cs-unsorted{max-width:100%}.sort-progress{width:100%}.category-width,.category{width:100%}.cs-tutorial .tutorial-step{min-width:100%}}.modal.modal-block-n-load *{background:none;text-align:center;color:#ffffff;font-size:60px}.scroll-frame::-webkit-scrollbar{appearance:none}.scroll-frame::-webkit-scrollbar:vertical{width:10px}.scroll-frame::-webkit-scrollbar:horizontal{height:10px}.scroll-frame::-webkit-scrollbar-thumb{border-radius:5px;border:2px solid transparent;background-color:rgba(0,0,0,0.5)}.scroll-frame::-webkit-scrollbar-track{background-color:rgba(0,0,0,0.2)}@keyframes fadeInGroup{from{opacity:0}to{opacity:1}}