html {
    scroll-padding-top: 100px;
}
#style-index {
    top:100px;
    max-height:60vh;
}
#store {
    max-width:200px;
}
.form-select {
    padding-right: 1.75rem;
    background-position: right 0.2rem center;
}
.clock {
}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.modal-backdrop {
    --bs-backdrop-zindex: -1;
    --bs-backdrop-bg: #ffffff;
}
.modal-dialog-scrollable {
    height: calc(100% - var(--bs-modal-margin) * 2);
}

.btn-3d {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    transition: all 0.3s;
    border: 8px outset #f5f5f5;
}
.btn-3d:not([class*=btn-outline]) {
    border-color: #f5f5f5 !important;
}
.btn-3d:active {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) !important;
    border: 1px outset #f5f5f5 !important;
}

.btn-3d-md {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    transition: all 0.3s;
    border: 6px outset #f5f5f5;
}
.btn-3d-md:not([class*=btn-outline]) {
    border-color: #f5f5f5 !important;
}
.btn-3d-md:active {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) !important;
    border: 1px outset #f5f5f5 !important;
}

.btn-3d-sm {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    transition: all 0.3s;
    border: 4px outset #f5f5f5;
}
.btn-3d-sm:not([class*=btn-outline]) {
    border-color: #f5f5f5 !important;
}
.btn-3d-sm:active {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) !important;
    border: 1px outset #f5f5f5 !important;
}