.view-container{padding:20px}.title{display:flex;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--very-light-gray);margin-bottom:20px}.title .icon{position:relative;display:block;width:34px;height:34px;margin-inline-end:15px;background:var(--info);border-radius:8px;box-shadow:0 1px 5px var(--medium-shadow)}.title .icon i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff}.title .new{display:flex;align-items:center;column-gap:10px;margin-inline-start:auto}.title .options{position:relative;z-index:1;margin-inline-start:20px}.title .options span{display:block;position:relative;width:30px;height:30px;border-radius:8px;transition:background-color .1s ease-in-out;cursor:pointer}.title .options span:hover{background-color:var(--very-light-gray)}.title .options span i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#2f4f4f}.field{max-width:400px}section{margin-bottom:40px}section h4{padding:0 8px;margin-bottom:10px;color:#2f4f4f}section .content{padding:20px;margin:0 -10px;border:1px solid var(--dark-platin-white);border-radius:10px}section .field:last-of-type{margin-bottom:0}section .content .switch:last-of-type{margin-bottom:0}@media (max-width: 420px){.view-container{padding:20px 10px}}