#page-search-bar{width:100%;display:flex;justify-content:center;box-sizing:border-box;padding:10px}#page-search-bar .sb-warpper{flex:1;max-width:1000px;display:flex;justify-content:flex-end;position:relative}#page-search-bar *[class*=form-error],#page-search-bar *[class*=form-warning],#page-search-bar *[class*=form-message]{display:block;margin:10px 0;box-sizing:border-box;border-radius:5px;padding:10px}#page-search-bar .form-default.updating .form-message{color:var(--color-8)}#page-search-bar .form-default.updated .form-message{background-color:var(--color-8);color:var(--color-2)}#page-search-bar .form-errors{font-size:.8rem;font-weight:bolder;color:var(--color-6)}#page-search-bar .form-row label,#page-search-bar .form-row input,#page-search-bar .form-row textarea{display:block;margin:10px 0;box-sizing:border-box}#page-search-bar .form-row input,#page-search-bar .form-row textarea{border:none;outline:none;border-radius:.4rem}#page-search-bar .form-row label{font-weight:bolder}#page-search-bar .form-row input{width:100%;border-radius:5px;outline:none;padding:10px}#page-search-bar .form-row .input-icon{position:relative}#page-search-bar .form-row .input-icon .icon,#page-search-bar .form-row .input-icon i{width:30px;height:30px;font-size:20px;display:flex;justify-content:center;align-items:center;position:absolute;top:50%;left:5px;transform:translateY(-50%)}#page-search-bar .form-row .input-icon svg{width:15px;max-height:15px}#page-search-bar .form-row .input-icon input{padding:5px 5px 5px 40px}#page-search-bar .form-row .input-icon .icon,#page-search-bar .form-row .input-icon i{opacity:.5}#page-search-bar .form-row .input-icon input:focus+i,#page-search-bar .form-row .input-icon input:focus+.icon{opacity:1}#page-search-bar .form-row textarea{resize:vertical}#page-search-bar .form-row .button-submit{display:flex;gap:10px;font-size:1rem;font-weight:bolder;box-sizing:border-box;padding:10px 25px;border-radius:.4rem;outline:none;border:none;box-shadow:1px 1px 4px var(--color-100)}#page-search-bar .form-row .button-submit svg{width:15px}#page-search-bar .button-icon{display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;cursor:pointer}#page-search-bar button.button-icon{outline:none;padding:0;border:none}#page-search-bar form{flex:1;height:50px;max-width:500px;display:flex;align-items:center;gap:10px;border-radius:25px;background-color:var(--color-1);border:1px solid var(--color-3);box-shadow:1px 1px 4px var(--color-3);color:var(--color-2);overflow:hidden}#page-search-bar form .form-row:nth-child(1){flex:1}#page-search-bar form .input-icon{flex:1}#page-search-bar form input{background-color:var(--color-1);color:var(--color-2)}#page-search-bar form .fr-options{display:flex;align-items:center;box-sizing:border-box;padding:5px;gap:5px}#page-search-bar form .fr-options button{width:40px;height:40px;border-radius:50%;background-color:var(--color-5);color:var(--color-1)}#page-search-bar form .fr-options button svg{width:25px}#page-search-bar .list{width:100%;max-width:500px;position:absolute;top:60px;background-color:var(--color-2);color:var(--color-1);border-radius:1rem;overflow:hidden;z-index:10;display:none;opacity:0;transition-property:opacity;transition-duration:1s}#page-search-bar .list.selected{display:block;opacity:1}#page-search-bar .list .l-close{display:flex;justify-content:flex-end;box-sizing:border-box;padding:10px}#page-search-bar .list .l-close button{outline:none;border:none;background-color:var(--color-2);color:var(--color-1)}#page-search-bar .list .l-close button svg{width:15px}#page-search-bar .list .l-items a{width:100%;display:flex;align-items:center;box-sizing:border-box;gap:10px;padding:10px;color:var(--color-1)}#page-search-bar .list .l-items a:hover{background-color:var(--color-9);color:var(--color-2)}#page-search-bar .list .l-items a.i-artist .icon img,#page-search-bar .list .l-items a.i-gallerist .icon img{width:100%;height:100%;border-radius:.4rem}#page-search-bar .list .l-items a .icon{width:40px;height:40px;overflow:hidden;position:relative;display:flex;justify-content:center;align-items:center}#page-search-bar .list .l-items a .icon svg{width:20px}#page-search-bar .list .l-items a .icon img{max-width:100%;max-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#page-search-bar .list .l-items a .type{height:30px;font-size:15px;border-radius:15px;box-sizing:border-box;padding:0 15px;background-color:var(--color-1);color:var(--color-2);display:inline-flex;align-items:center}#page-search-bar .list .l-items a .label{flex:1;font-size:.9rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#page-search-bar .list .l-pagination{box-sizing:border-box;padding:10px}#page-search-bar .list .l-pagination .pagination{max-width:1000px;margin:50px auto 0;display:flex;gap:25px;align-items:center;box-sizing:border-box;padding:0 25px}#page-search-bar .list .l-pagination .pagination .button-icon{display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;cursor:pointer}#page-search-bar .list .l-pagination .pagination button.button-icon{outline:none;padding:0;border:none}#page-search-bar .list .l-pagination .pagination button.button-icon{width:40px;height:40px;background-color:var(--color-4);color:var(--color-2);border:1px solid var(--color-3);box-shadow:1px 1px 4px #000;border-radius:1rem}#page-search-bar .list .l-pagination .pagination button.button-icon svg{width:20px}#page-search-bar .list .l-pagination .pagination{margin-top:0;gap:10px}#page-search-bar .list .l-pagination .pagination .btn-prev.button-icon,#page-search-bar .list .l-pagination .pagination .btn-next.button-icon{background-color:var(--color-2);border:1px solid var(--color-1);color:var(--color-1);box-shadow:none;width:30px;height:30px}
