@layer theme,base,components,utilities;@layer theme{:root{--dh-color-black: #000000;--dh-color-blue: #4197db;--dh-color-brown: #a85522;--dh-color-cyan: #2ecad2;--dh-color-gray-300: #c6c9d1;--dh-color-gray-400: #979cab;--dh-color-gray-500: #6b7280;--dh-color-green-400: #82ba11;--dh-color-green-600: #789c4a;--dh-color-ink: #1c2541;--dh-color-ink-300: #8b8f9d;--dh-color-ink-400: #727581;--dh-color-note: #1c2541cc;--dh-color-orange: #e87200;--dh-color-pink: #dd6399;--dh-color-pink-muted: #ff7ab526;--dh-color-primary: #de2826;--dh-color-primary-hover: #de2826ee;--dh-color-purple: #957bd0;--dh-color-sand-100: #fef5f1;--dh-color-sand-200: #f3dcd3;--dh-color-sand-300: #fad4c5;--dh-color-sand-400: #f8dbd2;--dh-color-sand-500: #e7baab;--dh-color-white: #ffffff}}@layer utilities{.dh-w-auto{width:auto}.dh-wrap{flex-wrap:wrap}.dh-items-center{align-items:center}.dh-justify-center{justify-content:center}.dh-lowercase{text-transform:lowercase}}@layer components{.dh-button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:.375rem;font-weight:500;cursor:pointer;transition:background-color .2s ease-in-out}.dh-button-primary{font-family:GT Pressura;background:var(--dh-color-primary);color:var(--dh-color-white);padding:8px 16px;border-radius:8px;font-size:16px;font-weight:700;border:0;cursor:pointer;width:100%;text-transform:uppercase;text-align:center}.dh-button-primary:hover{background:var(--dh-color-primary-hover)}.dh-button-primary:disabled{background:var(--dh-color-gray-300);color:var(--dh-color-white);cursor:not-allowed}.dh-button-secondary{background:var(--dh-color-white);color:var(--dh-color-primary);padding:8px 16px;border-radius:8px;font-size:16px;font-weight:700;border:2px solid var(--dh-color-primary);cursor:pointer;width:100%;text-transform:uppercase;text-align:center}.dh-button-secondary:hover{background:var(--dh-color-sand-100);color:var(--dh-color-primary-hover)}.dh-button-badge{background:var(--dh-color-sand-100);padding:4px 12px;border-radius:8px;font-size:12px;font-weight:700;line-height:20px;text-transform:uppercase;color:var(--dh-color-primary);border:0;cursor:pointer}.dh-button-link{background:transparent;color:var(--dh-color-primary);font-size:14px;border:0;cursor:pointer;line-height:20px;text-decoration:underline;width:fit-content;margin:0 auto}.dh-button-link:hover{text-decoration:none}.dh-underline{text-decoration:underline;text-decoration-color:var(--dh-color-sand-500);text-decoration-thickness:15%;text-underline-offset:20%}:is(.dogheroes--ui--select,.dogheroes--ui--select-breed) .list{position:absolute;top:100%;left:0;right:0;max-height:240px;overflow-y:auto;margin:4px 0 0;padding:4px 0;background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 12px #0000001a;list-style:none;z-index:100;-webkit-overflow-scrolling:touch}:is(.dogheroes--ui--select,.dogheroes--ui--select-breed) .list .item{padding:10px 16px;cursor:pointer;font-size:15px;color:#333;font-weight:400;transition:background-color .15s ease}:is(.dogheroes--ui--select,.dogheroes--ui--select-breed) .list .item:hover{background-color:#f5f5f5}:is(.dogheroes--ui--select,.dogheroes--ui--select-breed) .list .item[aria-selected=true]{font-weight:600}:is(.dogheroes--ui--select,.dogheroes--ui--select-breed) .list .item--active{background-color:#e8f0fe;font-weight:700}:is(.dogheroes--ui--select,.dogheroes--ui--select-breed) .list .item--empty{color:#999;cursor:default;font-style:italic}:is(.dogheroes--ui--select,.dogheroes--ui--select-breed) .list .item--empty:hover{background-color:transparent}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/dogheroes.css.map */
