Jake Vanderwerf
4 days ago 5a6906f710e9333507486df3cbb545a67a040881
1
.group-fields{position:relative}.group-fields:hover .hours-copy-btn{opacity:1;pointer-events:all}.hours-copy-btn{position:absolute;top:.5rem;right:.5rem;opacity:0;pointer-events:none;background-color:var(--action-0);color:var(--action-contrast);border:none;border-radius:var(--innerRadius);padding:.25rem .5rem;font-size:.75rem;cursor:pointer;transition:opacity var(--transition-base),transform var(--transition-base);z-index:10;display:flex;align-items:center;gap:.25rem}.hours-copy-btn:hover{background-color:var(--action-50);transform:scale(1.05)}.hours-copy-btn:active{transform:scale(.95)}.hours-copy-btn .icon{--w:0.875rem}#copy-hours-modal{--padding:1.5rem}.copy-hours-content h3{margin:0 0 1rem 0;color:var(--contrast);font-size:var(--large)}.copy-hours-source{background-color:var(--base-100);padding:1rem;border-radius:var(--innerRadius);margin-bottom:1.5rem;border:1px solid var(--base-200)}.copy-hours-source h4{margin:0 0 .5rem 0;color:var(--contrast-100);text-transform:uppercase;font-size:var(--small);font-weight:600}.source-info{display:flex;flex-direction:column;gap:.25rem}.source-day{font-weight:600;color:var(--contrast);text-transform:capitalize}.source-hours{display:flex;align-items:center;gap:1rem;font-weight:500;color:var(--contrast)}.source-hours.closed{color:var(--contrast-200);font-style:italic}.copy-hours-targets{margin-bottom:2rem}.copy-hours-targets h4{margin:0 0 1rem 0;color:var(--contrast-100);text-transform:uppercase;font-size:var(--small);font-weight:600}.day-checkboxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.day-checkbox{display:flex;align-items:center;gap:.5rem;padding:.5rem;border:1px solid var(--base-200);border-radius:var(--innerRadius);cursor:pointer;transition:all var(--transition-base)}.day-checkbox:hover{border-color:var(--action-0);background-color:var(--base-50)}.day-checkbox input[type=checkbox]{margin:0}.day-checkbox input[type=checkbox]:checked+span{color:var(--action-0);font-weight:500}.day-checkbox.disabled{opacity:.5;cursor:not-allowed;background-color:var(--base-100)}.day-checkbox.disabled:hover{border-color:var(--base-200);background-color:var(--base-100)}.copy-hours-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid var(--base-200)}.copy-hours-actions button{padding:.75rem 1.5rem;border:none;border-radius:var(--innerRadius);cursor:pointer;font-weight:500;transition:all var(--transition-base)}.copy-hours-actions .btn-cancel{background-color:var(--base-200);color:var(--contrast-100)}.copy-hours-actions .btn-cancel:hover{background-color:var(--contrast-200);color:var(--base)}.copy-hours-actions .btn-apply{background-color:var(--action-0);color:var(--action-contrast)}.copy-hours-actions .btn-apply:hover{background-color:var(--action-50)}.copy-hours-actions .btn-apply:disabled{opacity:.6;cursor:not-allowed}.copy-success-feedback{position:fixed;top:2rem;right:2rem;background-color:var(--success,#28a745);color:var(--light-0);padding:1rem 1.5rem;border-radius:var(--innerRadius);box-shadow:var(--shadow);z-index:10000;opacity:0;transform:translateX(100px);transition:all var(--transition-base);display:flex;align-items:center;gap:.5rem}.copy-success-feedback.show{opacity:1;transform:translateX(0)}.copy-success-feedback .icon{--w:1.25rem}@media (max-width:768px){.day-checkboxes{grid-template-columns:1fr 1fr}.copy-hours-actions{flex-direction:column}.hours-copy-btn{position:static;opacity:1;pointer-events:all;margin-top:.5rem;align-self:flex-start}}@media (prefers-color-scheme:dark){.copy-success-feedback{background-color:var(--success-dark,#1e7e34)}}