#color-preview-container{position:absolute;bottom:16px;right:60px}.dk-color-options{gap:12px;flex-direction:column;border-radius:6px;background-color:#f5f5f5;padding:8px 12px;position:absolute;min-width:var(--dk-color-options-width, 125px);bottom:110%;left:0;z-index:10;display:none;width:100%;box-shadow:0 0 12px #00000014;border:1px solid rgb(218,219,219)}.dk-color-options-inner{display:flex;flex-direction:column;gap:12px}.dk-color-option{display:flex;align-items:center;gap:6px;background-color:#fff;padding:4px 8px;border-radius:6px;cursor:pointer}.dk-selected-color .dk-selected{display:inline-block;width:22px;height:22px;border-radius:50%;background-color:var(--bg-color);box-shadow:inset 0 2px 2px #00000040;flex-shrink:0}.dk-selected-color{display:flex;align-items:center;background:#f9fafb;padding:5px 9px;box-shadow:0 0 12px #00000014;border-radius:6px;gap:8px;border:1px solid rgb(218,219,219);cursor:pointer;width:41px;overflow:hidden;transition:width .3s ease}#color-preview-container:hover .dk-selected-color,.dk-color-option-active .dk-selected-color,.dk-color-options:hover~.dk-selected-color{width:var(--dk-color-options-width, 125px)}.dk-color{box-shadow:inset 0 2px 2px #00000040}.dk-selected-color .dk-label{font-size:14px}.dk-color-option-active .dk-color-options{display:flex}.dk-color-option.active{border-color:#1f857a;box-shadow:0 0 0 1px #a5cec9}.dk-color-options-header,.dk-color-option-name{display:none}.dk-color{display:inline-block;width:22px;height:22px;border-radius:50%}@media(max-width:999px){.dk-color-options{position:fixed;bottom:0;z-index:99999999;background:#0000005c;height:100%;flex-direction:column;justify-content:end;padding:0}.dk-color-options-outer{width:100%;background:#fff;padding:44px 20px;border-top-right-radius:16px;border-top-left-radius:16px;position:relative}.dk-color-options-header{display:flex;font-size:11px;align-items:center;justify-content:center;position:relative}.dk-color-options-header h1{font-size:18px;font-weight:600;margin:0}.dk-color-options-header span{font-size:12px;text-decoration:underline;position:absolute;right:0}.dk-color-option-name{display:block;text-align:center;font-size:16px;margin:8px 0}.dk-color-option span:not(.dk-color){display:none}.dk-color-options-inner{flex-direction:row;justify-content:center}.dk-color-option .dk-color{width:30px;height:30px}.dk-color-option{padding:0;border-radius:100%;border-width:2px}.dk-color-option.active{border-color:#000;box-shadow:0 0 0 1px #1b1b1b}.dk-bar{display:block;height:6px;position:absolute;top:16px;width:100%;left:50%;transform:translate(-50%);background:#e0e0e0;border-radius:100px;max-width:75px}.dk-selected-color{width:125px}}.dk-spinner-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;color:#fff}.dk-spinner{display:inline-block;width:2.5rem;height:2.5rem;vertical-align:-.125em;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:.75s linear infinite spinner-border;animation:.75s linear infinite spinner-border}.product__thumbnail .dk-spinner{width:1rem;height:1rem;border-width:2px}.product__thumbnail .dk-spinner-container .loader-container{display:none}@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg)}}@keyframes spinner-border{to{transform:rotate(360deg)}}.loader-container{position:relative;width:400px;height:400px;display:flex;justify-content:center;align-items:center}.turtle-center{position:relative;width:180px;aspect-ratio:220/180;height:auto;z-index:10;animation:float 4s ease-in-out infinite}@media(max-width:600px){.turtle-center{width:120px}}.turtle-svg{width:100%;height:100%;display:block;filter:drop-shadow(0px 15px 15px rgba(39,53,64,.2))}.seaweed-particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none}.seaweed{position:absolute;background-color:#74c69d;border-radius:40% 60% 70% 30%/40% 50% 60%;opacity:0}.s1{width:14px;height:9px;right:-20px;top:45%;animation:feed 2.5s linear infinite;animation-delay:0s}.s2{width:11px;height:11px;right:-20px;top:52%;background-color:#52b788;animation:feed 2.8s linear infinite;animation-delay:.9s}.s3{width:9px;height:7px;right:-20px;top:40%;background-color:#95d5b2;animation:feed 2.2s linear infinite;animation-delay:1.6s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(1deg)}}@keyframes feed{0%{opacity:0;transform:translate(20px) scale(.8)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translate(-160px,-20px) rotate(180deg) scale(.2)}}
/*# sourceMappingURL=/cdn/shop/t/89/assets/dk-upsell.css.map */