.collection__wrap{position:fixed;top:0;bottom:0;right:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:99999;background:rgba(0,0,0,.6)}.collection__container{width:768px;max-width:768px;border-radius:10px;background:#fff;max-height:80%;overflow-y:auto;padding:30px;position:relative}.collection__container::-webkit-scrollbar{width:12px}.collection__container::-webkit-scrollbar-track{background-color:#f1f1f1}.collection__container::-webkit-scrollbar-thumb{background-color:#888;border-radius:6px}.collection__container::-webkit-scrollbar-thumb:hover{background-color:#555}.collection__container::-webkit-scrollbar-thumb:active{background-color:#333}@media (max-width:768px){.collection__container{width:100%;max-width:100%}}.collection__close{position:absolute;top:10px;right:10px;cursor:pointer}.collection__title{font-size:30px;font-weight:600;text-align:center}.collection__link{display:block;font-size:16px;font-weight:500;text-align:center;text-decoration:underline;color:#a1a1a1;cursor:pointer}.collection__link:hover{color:#0a0302}.collection__items{padding-top:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px}.collection__item{width:calc(100% / 4 - 10px);padding-bottom:20px}@media (max-width:768px){.collection__item{width:calc(100% / 2 - 10px)}}.collection__item-img{aspect-ratio:1/1;width:100%;border-radius:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;background:#f7f7f7;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;cursor:pointer}.collection__item-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.collection__item-img:hover{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.collection__item-img.exist:hover:before{background:rgba(211,64,92,.7)}.collection__item-img.exist:hover .collection__item-icon.remove{display:block;z-index:2}.collection__item-img.exist:hover .collection__item-icon.add{display:none;z-index:2}.collection__item-img:hover.no-exist{position:relative}.collection__item-img:hover.no-exist:before{content:"";position:absolute;top:0;right:0;left:0;bottom:0;z-index:1;background:rgba(0,0,0,.5)}.collection__item-img:hover.no-exist .collection__item-icon.plus{display:block;z-index:2}.collection__item-img.exist{position:relative}.collection__item-img.exist:before{content:"";position:absolute;top:0;right:0;left:0;bottom:0;z-index:1;background:rgba(5,160,129,.7)}.collection__item-img.exist .collection__item-icon.add{display:block;z-index:2}.collection__item-name{padding-top:10px;font-size:18px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.collection__create-form{padding-top:20px}.collection__create-label{display:block;font-size:18px;font-weight:600}.collection__create-input{display:block;width:100%;padding:10px 20px;font-size:18px;border:1px solid #dfdfe0;border-radius:10px;color:#000;font-weight:500}.collection__create-input::-webkit-input-placeholder{color:#dfdfe0}.collection__create-input::-moz-placeholder{color:#dfdfe0}.collection__create-input::-ms-input-placeholder{color:#dfdfe0}.collection__create-input::placeholder{color:#dfdfe0}.collection__create-button-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:20px}.collection__create-button{padding:10px 20px;margin:10px;border-radius:40px;border:1px solid #a1a1a1;background:#fff;color:#000;font-size:18px;font-weight:600;cursor:pointer}.collection__create-button.green{background:#e65753;border:1px solid #e65753;color:#fff}.collection__create-button.red{background:#a80000;border:1px solid #a80000;color:#fff}.collection__create-button.disabled{border:1px solid #dfdfe0;background:#dfdfe0;color:#a1a1a1;cursor:not-allowed}.collection__item-icon{display:none;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;left:50%}.loading-modal{position:relative;z-index:100000}.loading-modal__container{position:fixed;top:0;bottom:0;right:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:100000;background:rgba(0,0,0,.6)}.lds-hourglass{display:inline-block;position:relative;width:80px;height:80px}.lds-hourglass:after{content:" ";display:block;border-radius:50%;width:0;height:0;margin:8px;-webkit-box-sizing:border-box;box-sizing:border-box;border:32px solid #fff;border-color:#fff transparent;-webkit-animation:lds-hourglass 1.2s infinite;animation:lds-hourglass 1.2s infinite}@-webkit-keyframes lds-hourglass{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}50%{-webkit-transform:rotate(900deg);transform:rotate(900deg);-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}to{-webkit-transform:rotate(5turn);transform:rotate(5turn)}}@keyframes lds-hourglass{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}50%{-webkit-transform:rotate(900deg);transform:rotate(900deg);-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}to{-webkit-transform:rotate(5turn);transform:rotate(5turn)}}