3 lines
6.0 KiB
CSS
3 lines
6.0 KiB
CSS
|
.tsel{background-color:transparent;border:none;border-bottom:1px solid #b5b5b5;box-sizing:border-box;color:#000;cursor:pointer;display:block;margin:0;overflow:hidden;padding:0 15px 0 0;position:relative;transition:border-color .1s ease-in-out;width:100%}.tsel_dark{border-bottom-color:#383838;color:#fff}.tsel *,.tsel :after,.tsel :before,.tsel-dropdown *,.tsel-dropdown :after,.tsel-dropdown :before{box-sizing:inherit}.tsel_disabled{cursor:default;opacity:.6;pointer-events:none}@media (hover:hover){.tsel:not(.tsel_disabled):hover{border-color:#fa8e73}.tsel_dark:not(.tsel_disabled):hover{border-color:#777}}.tsel:after{border-color:#9a9a9a transparent transparent;border-style:solid;border-width:6px 5px 0;box-sizing:border-box;content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);transition:border-color .1s ease-in-out}@media (hover:hover){.tsel:not(.tsel_disabled):hover:after{border-color:#fa8e73 transparent transparent}}.tsel__selected-option{align-items:center;display:flex;gap:8px;height:100%}.tsel__selected-option .tsel-dropdown__option-image_placeholder{display:none}.tsel-dropdown{--arrow-icon:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath fill='%23000' d='m6 2.72 5.625 4.5-1.25 1.561L6 5.281l-4.375 3.5-1.25-1.562L6 2.72Z'/%3E%3C/svg%3E");--check-icon:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M11.707 3.207 4 10.914.293 7.207l1.414-1.414L4 8.086l6.293-6.293 1.414 1.414Z' clip-rule='evenodd'/%3E%3C/svg%3E");background-color:#fff;border:1px solid #ebebeb;border-radius:5px;box-shadow:0 5px 20px -5px rgba(0,14,66,.2);box-sizing:border-box;left:0;max-height:calc(100dvh - 10px);max-width:calc(100% - 10px);overflow:hidden;padding:4px;position:fixed;top:0;transition:opacity .1s ease-in-out;z-index:999999}.tsel-dropdown_dark{--arrow-icon:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath fill='%23fff' d='m6 2.72 5.625 4.5-1.25 1.561L6 5.281l-4.375 3.5-1.25-1.562L6 2.72Z'/%3E%3C/svg%3E");background-color:#2d2d2d;border:1px solid #545454;box-shadow:0 0 3px hsla(0,0%,100%,.15)}.tsel-dropdown__scroll-bottom,.tsel-dropdown__scroll-top{content:"";display:block;height:0;overflow:visible;pointer-events:none;position:sticky;width:100%}.tsel-dropdown__scroll-top{top:0}.tsel-dropdown__scroll-bottom{bottom:0}.tsel-dropdown__scroll-bottom:after,.tsel-dropdown__scroll-top:after{background-image:var(--arrow-icon),linear-gradient(to bottom,#fff 8px,transparent);background-position:center top 2px,50%;background-repeat:no-repeat;background-size:12px,auto;content:"";display:block;height:15px;transform:translateY(-4px);width:100%}.tsel-dropdown__scroll-bottom:after{transform:rotate(.5turn) translateY(calc(100% - 4px));transform-origin:center}.tsel-dropdown_dark .tsel-dropdown__scroll-bottom:after,.tsel-dropdown_dark .tsel-dropdown__scroll-top:after{background-image:var(--arrow-icon),linear-gradient(to bottom,#2d2d2d 8px,transparent)}.tsel-dropdown_hidden{opacity:0}.tsel-dropdown__option{align-items:center;background-color:transparent;border:none;border-radius:2px;color:#000;cursor:pointer;display:flex;gap:9px;margin:0;max-width:100%;outline:none;outline-offset:-1px;overflow:hidden;padding:6px 10px;transition-duration:.2s;transition-property:background-color,color;transition-timing-function:ease-in-out;width:100%}.tsel-dropdown_dark .tsel-dropdown__option{color:#fff}.tsel-dropdown__group{border-bottom:1px solid rgba(0,0,0,.1);color:rgba(0,0,0,.5);font-family:tfutura,Arial,sans-serif;font-size:12px;font-weight:400;line-height:20px;max-width:100%;overflow:hidden;padding:6px 10px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;width:100%}.tsel-dropdown_dark .tsel-dropdown__group{border-bottom:1px solid hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.5)}.tsel-dropdown__group:not(:first-child){margin-top:18px}.tsel-dropdown__group:not(:last-child){margin-bott
|
||
|
|
.tsel-dropdown__option:focus
|
||
|
|
.tsel-dropdown__option-image:not(.tsel-dropdown__option-image_no-invert){filter:invert(1) brightness(3)}.tsel-dropdown__option-label{flex-shrink:1;font-family:tfutura,Arial,sans-serif;font-size:15px;font-weight:300;line-height:20px;overflow:hidden}.tsel__selected-option .tsel-dropdown__option-label{font-size:16px;line-height:1.2}.tsel-dropdown__option-span{display:block;white-space:nowrap;width:-moz-max-content;width:max-content}.tsel-dropdown .tsel-dropdown__option-span{transition:transform .5s linear}.tsel__noaction{inset:0;position:fixed;z-index:999998}.tsel-dropdown__hint{border-top:1px solid #f5f5f5;font-family:tfutura,Arial,sans-serif;font-size:12px;font-weight:300;line-height:1.2;opacity:.6;padding:10px}.tsel-dropdown_dark .tsel-dropdown__hint{border-top:1px solid #545454;color:#fff}.tsel-dropdown__hint a,.tsel-dropdown__hint a:hover{border-bottom:1px solid #f99761;color:inherit;text-decoration:none}
|