.filament-collection-wrapper{display:flex;align-items:center;color:#1f1f1f;font-size:14px;font-weight:400;line-height:20px}.filament-collection-wrapper span{color:#00ae42;font-weight:500;cursor:pointer}.filament-collection-wrapper .filament-collection-icon{display:flex;justify-content:center;align-items:center;width:20px;height:20px;cursor:pointer}.filament-collection-dialog-root .filament-collection-modal-root{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2147483647!important}.filament-collection-dialog-root .filament-collection-modal-overlay{display:block!important;background:#00000080;position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;animation:.2s ease 0s 1 normal none running modal-overlay-fade-in}@keyframes modal-overlay-fade-in{0%{opacity:0}to{opacity:1}}.filament-collection-dialog-root .filament-collection-container{position:absolute;bottom:0%;width:100%;max-height:80vh;background-color:#fff;border-radius:10px 10px 0 0;overflow:auto;animation:.3s ease 0s 1 normal none running modal-container-fade-in}@keyframes modal-container-fade-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.filament-collection-container .filament-collection-header{position:sticky;top:0;padding:24px 0;color:#1f1f1f;text-align:center;font-size:16px;font-weight:700;line-height:28px;background-color:#fff;z-index:2}.filament-collection-header .filament-collection-close{position:absolute;top:24px;right:24px;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer}.filament-collection-container .filament-collection-content{padding:0 20px}.filament-collection-content .filement-collection-step{margin-bottom:20px}.filament-collection-content .filement-collection-step:nth-last-of-type(1){margin-bottom:0}.filement-collection-step .filament-collection-step-title{margin-bottom:12px;color:#000;font-size:14px;font-weight:500;line-height:120%}.filament-collection-step-title span{color:#757575}.filament-collection-step-content .filament-collection-input{width:100%;border:none;outline:none;height:36px;background:#f8f8f8;text-indent:12px;color:#858585;font-size:12px;font-weight:400;line-height:20px}.filament-collection-step-content .filament-collection-select{margin-bottom:12px;padding:8px 10px;height:36px;background:#f8f8f8;cursor:pointer}.filament-collection-select .filament-collection-selectInner{display:flex;align-items:center;gap:8px}.filament-collection-selectInner .filament-collection-selectInner__text{flex:1;color:#353535;font-size:12px;font-weight:600;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filament-collection-selectInner .filament-collection-selectInner__arrow{flex-shrink:0;position:relative;display:flex;justify-content:center;align-items:center;width:10px;height:10px;transition:transform .4s cubic-bezier(.77,0,.175,1)}.filament-collection-select.focused .filament-collection-selectInner .filament-collection-selectInner__arrow{transform:rotate(180deg)}.filament-collection-options-dialog{position:fixed;padding:17px 0;z-index:2147483650!important;background-color:#fff;border-radius:4px;box-shadow:0 4px 14px #0000001a,0 0 1px #0000004d}.filament-collection-options-dialog .filament-collection-options-overlay{display:block!important;position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1}.filament-collection-options-dialog .filament-collection-options-tip{padding:0 17px;margin-bottom:12px;color:#858585;font-size:14px;font-weight:500;line-height:120%}.filament-collection-options-dialog .filament-collection-options{display:flex;flex-direction:column;gap:12px}.filament-collection-options .filament-collection-options-item{display:flex;align-items:center;padding:0 17px;color:#353535;font-size:12px;font-weight:600;line-height:20px;cursor:pointer}.filament-collection-options .filament-collection-options-item.active{color:#00ae42}.filament-collection-options-item .filament-collection-options-itemInner__icon{display:none;width:20px;height:20px}.filament-collection-options-item.active .filament-collection-options-itemInner__icon{display:flex;justify-content:center;align-items:center}.filament-collection-step-content .filament-collection-input::placeholder{color:#858585!important;opacity:1!important}.filament-collection-step-content .filament-collection-input::-webkit-input-placeholder{color:#858585!important;opacity:1!important}.filament-collection-step-content .filament-collection-colorPaletteBox{display:flex;justify-content:center;align-items:center;margin-bottom:12px}.filament-collection-colorPaletteBox .filament-collection-colorPaletteWheel{position:relative;display:flex;justify-content:center;align-items:center;padding:12px;width:170px;height:170px;border-radius:50%;cursor:pointer;-webkit-tap-highlight-color:transparent}.filament-collection-colorPaletteWheel .filament-collection-colorPaletteWheelItemWrapper{position:absolute;top:6px;left:6px;width:calc(100% - 12px);height:calc(100% - 12px);border-radius:100%}.filament-collection-colorPaletteWheelItemWrapper .filament-collection-colorPaletteWheelItem{position:absolute;top:0;left:0;-webkit-user-select:none;user-select:none;will-change:width,height}.filament-collection-colorPaletteWheelItem .filament-collection-colorPaletteWheelItemDot{position:relative;top:100%;left:100%;transform:translate(-50%,-50%);width:12px;height:12px;background-color:#fff;border-radius:50%;box-shadow:0 0 4px #394c6026;cursor:pointer}.filament-collection-colorPaletteWheel .filament-collection-colorPaletteWheelInner{position:relative;display:flex;justify-content:center;align-items:center;padding:6px;width:100%;height:100%;background-color:#fff;border-radius:50%}.filament-collection-colorPaletteWheelInner .filament-collection-colorPaletteWrapper{position:relative;width:100%;height:100%}.filament-collection-colorPaletteWrapper .filament-collection-colorPalette{position:relative;width:100%;height:100%;background:radial-gradient(circle at 50% 0,red,#f20d0dcc 10%,#e61a1a99,#c336,#a6595933,#80808000 50%),radial-gradient(circle at 85.35533905932738% 14.644660940672622%,#ffbf00,#f2b90dcc 10%,#e6b31a99,#cca63366,#a6935933,#80808000 50%),radial-gradient(circle at 100% 50%,#80ff00,#80f20dcc 10%,#80e61a99,#80cc3366,#80a65933,#80808000 50%),radial-gradient(circle at 85.35533905932738% 85.35533905932738%,#00ff40,#0df246cc 10%,#1ae64d99,#33cc5966,#59a66c33,#80808000 50%),radial-gradient(circle at 50.00000000000001% 100%,#0ff,#0df2f2cc 10%,#1ae6e699,#3cc6,#59a6a633,#80808000 50%),radial-gradient(circle at 14.64466094067263% 85.35533905932738%,#0040ff,#0d46f2cc 10%,#1a4de699,#3359cc66,#596ca633,#80808000 50%),radial-gradient(circle at 0 50.00000000000001%,#8000ff,#800df2cc 10%,#801ae699,#8033cc66,#8059a633,#80808000 50%),radial-gradient(circle at 14.644660940672615% 14.64466094067263%,#ff00bf,#f20db9cc 10%,#e61ab399,#cc33a666,#a6599333,#80808000 50%);border-radius:100%;cursor:pointer;clip-path:circle(50%)}.filament-collection-colorPaletteWrapper .filament-collection-colorPaletteItem{position:absolute;top:0;left:0;-webkit-user-select:none;user-select:none;will-change:width,height;pointer-events:none}.filament-collection-colorPalette .filament-collection-colorPaletteItem_lmask{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-color:#000;opacity:0;pointer-events:none}.filament-collection-colorPaletteItem .filament-collection-colorPaletteItemDot{position:relative;top:100%;left:100%;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;border:5px solid #fff;box-shadow:0 2px 12px #394c6026,0 0 1px #40576d12}.filament-collection-step-content .single-color-palette-box{display:flex;gap:1.5px;height:44px}.single-color-palette-box .single-color-textWrapper{position:relative;flex:1;display:flex;align-items:center;padding:0 8px;border:1px solid transparent;background-color:#f8f8f8}.single-color-palette-box .single-color-textWrapper.error{border-color:#e03d19}.single-color-textWrapper .single-color-colorShow{flex-shrink:0;width:24px;height:24px;border-radius:3px}.single-color-textWrapper .single-color-colorType{flex-shrink:0;margin-left:12px;margin-right:4px;color:#858585;font-size:14px;font-weight:400;line-height:20px}.single-color-textWrapper .single-color-input{flex:1;height:20px;border:none;outline:none;color:#353535;font-size:14px;font-weight:600;line-height:20px;background-color:transparent}.single-color-textWrapper .hex-error-tip{display:none;position:absolute;top:0;left:0;transform:translateY(-100%);color:#e03d19;font-size:10px;font-weight:600;line-height:20px}.single-color-textWrapper.error .hex-error-tip{display:block}.single-color-palette-box .single-color-eyeDropper{flex-shrink:0;display:flex;justify-content:center;align-items:center;width:44px;height:44px;background-color:#f8f8f8;cursor:pointer;color:#353535;font-size:10px}.filament-collection-step-content .multiple-color-palette-box{display:grid;grid-template-columns:1fr 1fr;gap:8px}.multiple-color-palette-box .multiple-color-paletteItem{border-radius:4px;overflow:hidden;border:2px solid transparent}.multiple-color-palette-box .multiple-color-paletteItem.active{border-color:#00ae42}.multiple-color-paletteItem .multiple-color-paletteItem__colorShow{height:78px}.multiple-color-paletteItem .multiple-color-paletteItem__textShow{display:flex;align-items:center;gap:8px;padding:0 10px;height:30px;background-color:#f8f8f8}.multiple-color-paletteItem__textShow .multiple-color-paletteItem__textShow__colorText{flex:1;color:#353535;font-size:12px;font-weight:600;line-height:20px}.multiple-color-paletteItem__textShow .multiple-color-paletteItem__textShow__IconWrapper{flex-shrink:0;display:flex;align-items:center;gap:4px;cursor:pointer;-webkit-tap-highlight-color:transparent}.multiple-color-paletteItem__textShow__IconWrapper .multiple-color-paletteItem__textShow__IconWrapper__colorIcon{display:flex;justify-content:center;align-items:center;width:16px;height:16px;font-size:16px}.multiple-color-paletteItem__textShow__IconWrapper .multiple-color-paletteItem__textShow__IconWrapper__arrowIcon{display:flex;justify-content:center;align-items:center;width:8px;height:16px}.filament-collection-changeColor-dialog{position:fixed;width:211px;border-radius:4px;background:#fff;box-shadow:0 4px 14px #0000001a,0 0 1px #0000004d;z-index:2147483650!important;overflow:hidden}.filament-collection-changeColor-dialog .filament-collection-changeColor-overlay{display:block!important;position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1}.filament-collection-changeColor-dialog .filament-collection-changeColor-content{width:100%;height:100%}.filament-collection-changeColor-content .filament-collection-changeColor-content__header{display:flex;align-items:center;padding:0 12px;height:32px;box-shadow:0 .5px #ebebeb}.filament-collection-changeColor-content__header .filament-collection-changeColor-content__header__title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#353535;font-size:12px;font-weight:500;line-height:120%}.filament-collection-changeColor-content__header .filament-collection-changeColor-content__header__close{flex-shrink:0;display:flex;justify-content:center;align-items:center;width:14px;height:14px;font-size:10px;cursor:pointer}.filament-collection-changeColor-content .filament-collection-changeColor-content__body{padding:8px 12px 12px}.filament-collection-changeColor-content__body .multiple-color-palette-box{display:flex;gap:1.5px;margin-bottom:4px;height:33px}.multiple-color-palette-box .multiple-color-textWrapper{position:relative;flex:1;display:flex;align-items:center;padding:0 8px;border:1px solid transparent;background-color:#f8f8f8;overflow:hidden}.multiple-color-palette-box .multiple-color-textWrapper.error{border-color:#e03d19}.multiple-color-textWrapper .multiple-color-colorShow{flex-shrink:0;width:20px;height:20px;border-radius:3px}.multiple-color-textWrapper .multiple-color-colorType{flex-shrink:0;margin-left:8px;margin-right:4px;color:#858585;font-size:12px;font-weight:400;line-height:20px}.multiple-color-textWrapper .multiple-color-input{flex:1;width:100%;height:20px;border:none;outline:none;color:#353535;font-size:12px;font-weight:600;line-height:20px;background-color:transparent}.multiple-color-textWrapper .hex-error-tip{display:none;position:absolute;top:0;left:0;transform:translateY(-100%);color:#e03d19;font-size:10px;font-weight:600;line-height:20px}.multiple-color-textWrapper.error .hex-error-tip{display:block}.multiple-color-palette-box .multiple-color-eyeDropper{flex-shrink:0;display:flex;justify-content:center;align-items:center;width:33px;height:33px;background-color:#f8f8f8;cursor:pointer;color:#353535;font-size:8px}.filament-collection-changeColor-content__body .multiple-color-controls{display:flex;flex-direction:column;gap:4px}.multiple-color-controls__item .multiple-color-controls__item__title{margin-bottom:4px;color:#353535;font-size:12px;font-weight:400;line-height:20px}.multiple-color-controls__item .multiple-color-controls__item__control{padding:3px 0;height:16px;cursor:pointer;-webkit-tap-highlight-color:transparent}.multiple-color-controls__item__control .multiple-color-controls__item__control__inner{position:relative;height:10px;border-radius:5px}.multiple-color-controls__item__control .multiple-color-controls__item__control__inner.control__inner--hue{background:linear-gradient(to right,red,#ff2b00,#f50,#ff8000,#fa0,#ffd500,#ff0,#d4ff00,#af0,#80ff00,#5f0,#2bff00,#0f0,#00ff2b,#0f5,#00ff80,#0fa,#00ffd5,#0ff,#00d4ff,#0af,#0080ff,#05f,#002bff,#00f,#2a00ff,#50f,#7f00ff,#a0f,#d400ff,#f0f,#ff00d4,#f0a,#ff0080,#f05,#ff002b)}.multiple-color-controls__item__control__inner .multiple-color-controls__item__control__box{position:absolute;left:8px;top:0;width:calc(100% - 16px);height:100%}.multiple-color-controls__item__control__box .multiple-color-controls__item__control__item{position:relative;top:50%;will-change:width;-webkit-user-select:none;user-select:none}.multiple-color-controls__item__control__inner .multiple-color-controls__item__control__dot{position:absolute;top:0;left:100%;width:16px;height:16px;background-color:#fff;border-radius:50%;transform:translate(-50%,-50%);border:1px solid #eee}.multiple-color-controls__item__control__inner .multiple-color-controls__item__control__dot:hover{box-shadow:0 0 0 10px #40576d12}.filament-collection-container .filament-collection-footer{position:sticky;bottom:0;padding:24px 20px;background-color:#fff;z-index:2}.filament-collection-footer button{width:100%;padding:12px 16px;border-radius:4px;background:#00ae42;color:#fff;text-align:center;font-size:16px;font-weight:700;line-height:24px}.filament-collection-footer button:hover{background:#59ca84}@media screen and (min-width: 769px){.filament-collection-wrapper{font-size:14px;font-weight:400;line-height:20px}.filament-collection-dialog-root .filament-collection-container{top:50%;left:50%;bottom:auto;width:592px;max-height:80vh;transform:translate(-50%,-50%);background-color:#fff;border-radius:12px;overflow:auto;animation:none}.filament-collection-container .filament-collection-header{font-size:20px}.filament-collection-container .filament-collection-content{padding:0 40px}.filement-collection-step .filament-collection-step-title{margin-bottom:12px;font-size:16px}.filament-collection-step-content .filament-collection-input{height:44px;text-indent:12px;font-size:14px}.filament-collection-step-content .filament-collection-select{margin-bottom:12px;padding:12px 20px;height:44px}.filament-collection-selectInner .filament-collection-selectInner__text{font-size:14px}.filament-collection-selectInner .filament-collection-selectInner__arrow{width:20px;height:20px}.filament-collection-options-dialog .filament-collection-options-tip{padding:0 17px;margin-bottom:12px;font-size:16px}.filament-collection-options .filament-collection-options-item{padding:0 17px;font-size:14px}.filament-collection-colorPaletteBox .filament-collection-colorPaletteWheel{padding:12px;width:226px;height:226px}.filament-collection-step-content .multiple-color-palette-box{display:flex;gap:4px}.multiple-color-palette-box .multiple-color-paletteItem{flex:1;border-radius:4px;overflow:hidden;border:2px solid transparent}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/filament-collection.css.map */